Javascript 添加不适用于我的事件侦听器

我是javascript的初学者，对于这个基本的问题我很抱歉。 我编写了一个事件侦听器，在按下按钮时调用函数。 我不能让它工作。由于代码现在已经存在，解释器告诉我 第8行，addEventListener代码，不是一个函数，它不工作 在我的页面上。有什么想法吗？谢谢

function createNewList() {

var displayNow = document.getElementById('listSectionMain');
displayNow.setAttribute('class', 'hideThis');
}

var butt = document.getElementsByClassName('buttonMain');
butt.addEventListener('click', function() {
createNewList() }
, false);

换行

var butt = document.getElementsByClassName('buttonMain')[0];

按类名获取元素实际上返回一个数组

编辑： 这会满足你的需要

var butt = document.getElementsByClassName('buttonMain');
for(i=0;i<butt.length;i++){
  butt[i].addEventListener("click", createNewList);
}

var butt=document.getElementsByClassName（'buttonMain'）；
for（i=0；i
getElementsByClassName
返回类似数组的对象

你可以这样使用它

function createNewList() {
    var displayNow = document.getElementById('listSectionMain');
    displayNow.setAttribute('class', 'hideThis');
}

var butt = document.getElementsByClassName('buttonMain');

butt[0].addEventListener("click", myFunction);

function myFunction() {
    alert ("Hello World!");
}

你看
改变是否奏效？我有更多的代码要写这个函数。总共有四个按钮可以按下，希望根据按下的按钮为功能编写一个切换语句。我知道我的代码返回一个数组，但这没关系。我想我基本上是在添加event listener设置为所有四个按钮，然后我将使用事件对象查找按下的按钮。检查我的编辑，应该可以处理您需要的内容。butt可能是一个糟糕的措辞选择。回答不错。哦，好吧。所以我尝试添加多个侦听器是行不通的。因此，这将循环每个按钮，并将属性应用于每个元素。当然，谢谢。您还应该显示“buttonMain”的HTML片段和内部HTML。这将有助于缩小问题的范围。这实际上对我来说是可行的，但循环过程更适合我的需要。谢谢您的帮助。