Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/perl/9.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用js在单击时将字符串附加到文本区域_Javascript - Fatal编程技术网

Javascript 使用js在单击时将字符串附加到文本区域

Javascript 使用js在单击时将字符串附加到文本区域,javascript,Javascript,按Add foo时,文本区域会被字符串填充:foo 但是,在我的文本区域中键入内容后,我的addfoo按钮不再起作用 addfoo 对于输入元素,可以使用+=附加到值 这里有一个更干净的版本 content=document.querySelector(“content”); document.querySelector(“按钮”).addEventListener(“单击”,函数)(){ content.value+=“添加FOO”; }); addfoo 由于textarea是一个表单元

Add foo
时,文本区域会被字符串填充:
foo

但是,在我的文本区域中键入内容后,我的
addfoo
按钮不再起作用

addfoo

对于输入元素,可以使用
+=
附加到值

这里有一个更干净的版本

content=document.querySelector(“content”);
document.querySelector(“按钮”).addEventListener(“单击”,函数)(){
content.value+=“添加FOO”;
});
addfoo

由于textarea是一个表单元素,您应该将以下内容附加到其value属性:

函数addFoo(){
设ta=document.getElementById('content'))
ta.value+=“foo\n\n”
}
addfoo

您必须获取元素的内容,然后添加所需内容

<body class="flex justify-center items-center bg-purple-700">
<button onclick="document.getElementById('content').value=document.getElementById('content').value+'foo \n\n'">Add foo</button>

<textarea name="content" id="content" cols="30" rows="10"></textarea>
</body>

添加foo