我使用document.getElementsByClassname创建了一个元素,并希望向该元素添加onclick事件,以便当有人单击该元素时应调用onclick函数。
我尝试使用事件侦听器,但是即使我没有单击任何函数,此命令也将执行。使用jQuery我们可以通过绑定click事件来做到这一点,但是我的要求是在javascript /
谢谢!
element.addEventListener("click", alert('clicked'), false);// Add onclick eventListener
var element= document.getElementsByClassName('classname');
getElementsByClassName
返回一个HTMLCollection
,因此即使您在DOM中只有一个具有该类名的元素,也必须使用索引0来检索它:
var element = document.getElementsByClassName('classname')[0];
element.addEventListener("click", function(e) {
alert('something');
}, false);
另外,由于只有一个具有类名的元素,因此可以放心使用querySelector
,它将返回第一个match元素。
var element = document.querySelector('.classname');
^
element.addEventListener("click", function(e) {
alert('something');
}, false);
请注意上面代码中的点。querySelector
接受CSS选择器字符串作为参数。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句