如何使用javascript中的html按钮清除文本区域？

Question

我在html中有按钮

<input type="button" value="Clear"> 
<textarea id='output' rows=20 cols=90></textarea>

如果我有一个外部javascript(.js)函数,我该怎么写？

Answer 1

通过在按钮单击上添加功能来更改html

 <input type="button" value="Clear" onclick="javascript:eraseText();"> 
    <textarea id='output' rows=20 cols=90></textarea>

在你的js文件中试试这个:

function eraseText() {
    document.getElementById("output").value = "";
}

Answer 2

使用 jQuery 库，您可以执行以下操作：

<input type="button" value="Clear" onclick="javascript: functionName();" >

你只需要设置onclick事件，在这个onclick事件上调用你想要的函数。

function functionName()
{
    $("#output").val("");
}

上述函数将文本区域的值设置为空字符串。

Answer 3

您需要附加一个click事件处理程序，并从该处理程序中清除文本区域的内容。

的HTML

<input type="button" value="Clear" id="clear"> 
<textarea id='output' rows=20 cols=90></textarea>

JS

var input = document.querySelector('#clear');
var textarea = document.querySelector('#output');

input.addEventListener('click', function () {
    textarea.value = '';
}, false);

这是工作演示。