javascript - ".addEventListener is not a function"为什么会出现这个错误？

Question

我收到“.addEventListener 不是函数”错误。我坚持这一点:

var comment = document.getElementsByClassName("button");
function showComment() {
  var place = document.getElementById('textfield');
  var commentBox = document.createElement('textarea');
  place.appendChild(commentBox);
}
comment.addEventListener('click', showComment, false);

<input type="button" class="button" value="1">
<input type="button" class="button" value="2">
<div id="textfield">
</div>

Answer 1

您的代码的问题是您的脚本是在 html 元素可用之前执行的。因为 var comment 是一个空数组。

所以你应该在 html 元素可用后移动你的脚本。

此外，getElementsByClassName 返回 html 集合，因此如果您需要向元素添加事件监听器，则需要执行如下操作

comment[0].addEventListener('click' , showComment , false ) ; 

如果你想为所有元素添加事件监听器，那么你将需要循环遍历它们

for (var i = 0 ; i < comment.length; i++) {
   comment[i].addEventListener('click' , showComment , false ) ; 
}