如何使用JavaScript将onclick事件添加到元素

221B

我使用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] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何将onclick事件添加到joint.js元素?

来自分类Dev

如何使用JavaScript动态将onclick添加到html元素

来自分类Dev

如何查找包含h1的td元素,然后将onclick事件添加到td

来自分类Dev

如何使用Javascript将元素目标添加到我的代码中

来自分类Dev

将onclick添加到元素,但保持当前的onclick事件

来自分类Dev

如何通过JavaScript将事件侦听器添加到body元素?

来自分类Dev

将onClick事件添加到append()

来自分类Dev

如何使用香草JavaScript将供应商前缀渐变添加到元素?

来自分类Dev

如何将onclick事件添加到Wordpress菜单

来自分类Dev

如何使用Javascript将多个样式属性添加到一个元素?

来自分类Dev

将onclick事件添加到模板

来自分类Dev

如何将onclick事件添加到动态生成的HTML元素

来自分类Dev

如何检查是否使用react或javascript将类添加到div元素?

来自分类Dev

单击提交按钮时如何使用JavaScript将li元素添加到ul

来自分类Dev

如何使用javascript动态将必需的HTML元素添加到表单?

来自分类Dev

使用javascript将子元素添加到父元素

来自分类Dev

将事件侦听器添加到使用Javascript从API捕获的动态生成的元素中

来自分类Dev

使用JavaScript将类添加到可悬浮元素

来自分类Dev

使用JavaScript将内容样式添加到元素

来自分类Dev

在onclick事件javascript上将图像添加到元素的简单方法

来自分类Dev

如何使用FullCalendar将事件添加到Google日历?

来自分类Dev

使用JavaScript将DIV元素添加到IFRAME中

来自分类Dev

将事件添加到html元素

来自分类Dev

使用jQuery将“ onClick”事件添加到动态div

来自分类Dev

将事件添加到 javascript 中的按钮(使用 Flask)

来自分类Dev

Javascript html将onclick添加到标签元素

来自分类Dev

将事件添加到使用 ajax 添加的元素?

来自分类Dev

如何将 onClick 事件处理程序添加到画布元素(弧)?

来自分类Dev

使用 jQuery 将 onclick 事件添加到链接

Related 相关文章

  1. 1

    如何将onclick事件添加到joint.js元素?

  2. 2

    如何使用JavaScript动态将onclick添加到html元素

  3. 3

    如何查找包含h1的td元素,然后将onclick事件添加到td

  4. 4

    如何使用Javascript将元素目标添加到我的代码中

  5. 5

    将onclick添加到元素,但保持当前的onclick事件

  6. 6

    如何通过JavaScript将事件侦听器添加到body元素?

  7. 7

    将onClick事件添加到append()

  8. 8

    如何使用香草JavaScript将供应商前缀渐变添加到元素?

  9. 9

    如何将onclick事件添加到Wordpress菜单

  10. 10

    如何使用Javascript将多个样式属性添加到一个元素?

  11. 11

    将onclick事件添加到模板

  12. 12

    如何将onclick事件添加到动态生成的HTML元素

  13. 13

    如何检查是否使用react或javascript将类添加到div元素?

  14. 14

    单击提交按钮时如何使用JavaScript将li元素添加到ul

  15. 15

    如何使用javascript动态将必需的HTML元素添加到表单?

  16. 16

    使用javascript将子元素添加到父元素

  17. 17

    将事件侦听器添加到使用Javascript从API捕获的动态生成的元素中

  18. 18

    使用JavaScript将类添加到可悬浮元素

  19. 19

    使用JavaScript将内容样式添加到元素

  20. 20

    在onclick事件javascript上将图像添加到元素的简单方法

  21. 21

    如何使用FullCalendar将事件添加到Google日历?

  22. 22

    使用JavaScript将DIV元素添加到IFRAME中

  23. 23

    将事件添加到html元素

  24. 24

    使用jQuery将“ onClick”事件添加到动态div

  25. 25

    将事件添加到 javascript 中的按钮(使用 Flask)

  26. 26

    Javascript html将onclick添加到标签元素

  27. 27

    将事件添加到使用 ajax 添加的元素?

  28. 28

    如何将 onClick 事件处理程序添加到画布元素(弧)?

  29. 29

    使用 jQuery 将 onclick 事件添加到链接

热门标签

归档