javascript - 单击清除文本区域

Question

我知道之前有人问过这个问题，但我正在根据我提供的代码寻找具体的答案:

<script type="text/javascript">
function insertText(name, text) { var elem = document.getElementById(name); elem.innerHTML += text; }
</script>

...

<img src="/images/text1.png" onclick="insertText('textbox1', 'Text to be displayed'); insertText('textbox2', 'Text to be displayed');">
<img src="/images/text2.png" onclick="insertText('textbox1', 'Text to be displayed'); insertText('textbox2', 'Text to be displayed');">
<img src="/images/clear.png" onclick="this.form.elements['textbox1'].value = ''; this.form.elements['textbox2'].value = '';">

...

<textarea id="textbox1" name="option1"></textarea>
<textarea id="textbox2" name="option2"></textarea>

它真的没有比这更基本的了(是的，我意识到缺少基本的 html 内容，我将其剥离以更好地显示它)

点击事件可以很好地处理函数调用并将文本附加到文本区域。问题是当我点击“清除”图像时，没有任何反应。我看到很多例子，人们说这行得通，但实际上行不通。单击“清除”按钮时没有任何清除。有什么想法吗？

Answer 1

尝试

onclick="document.getElementById['textbox1'].value = ''; document.getElementById['textbox2'].value = '';">

ID应该是唯一的，所以不支持通过ID搜索元素