单击类时做一些事情[重复]

Question

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

这是一个类似设置的小提琴。除了我没有在我的代码中使用按钮。

FIDDLE

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

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

*注意：我需要在没有 jQuery 的情况下完成此操作

Answer 1

querySelectorAll 返回一个元素列表，所以你需要指定你想要的，在你的情况下 [0]:

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

jsFiddle example