Question

我正在尝试将onClick事件添加到我在此处创建的按钮：https://makerlist.io/smart-feature-finder/。我正在添加一个＆＃34; Hello，World！＆＃34;单击按钮进行测试时显示的语句。这是我使用的代码，但没有出现。关于我缺少的任何想法？

document.getElementsByClassName(".esg-filterbutton").addEventListener("click", myFunction);

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

谢谢，

Jonahan

Answer 1

您的选择器返回一个类似于数组的对象，称为HTMLCollection而不是单个元素。

尝试，

document.getElementsByClassName("esg-filterbutton")[0].addEventListener("click", myFunction);

注意我抓住了数组中的第一个元素？

我还删除了班级名称前的.。当您指定要在函数中选择一个类时，您不需要放置.。

Answer 2

如果您希望将事件应用于所有按钮，则可以将click事件绑定到具有类esg-filterbutton的元素。

$('.esg-filterbutton').click(function()
{
    alert ("Hello, World!");
});