单击 class 时执行某些操作

Question

当用户点击 class 时，我正在尝试运行一个函数。

这是具有类似设置的 fiddle。除了我没有在我的代码中使用按钮。

document.querySelectorAll('.menu').onclick = function () { alert("test"); };

我也尝试过使用 getElementsByClassName，结果相同。我在这里遗漏了什么吗？

*注意：我需要在没有 jQuery

的情况下完成此操作

Answer 1

querySelectorAll returns 一个元素列表，所以你需要指定你想要的一个，在你的例子中 [0]:

document.querySelectorAll('.menu')[0].onclick = function () {
    alert("test");
};

Do something when clicking on class