gpt4 book ai didi

javascript - 为什么事件没有执行?

转载 作者:行者123 更新时间:2023-12-03 04:36:11 24 4
gpt4 key购买 nike

大家好,谁能解释一下为什么该事件没有执行?调试器根本没有给出任何错误!预先感谢您

    <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>

<button class="boton">prueba</button>
<body>

<script type="text/javascript">

var elemento= document.getElementsByClassName("boton")
elemento.onclick=function(){
alert("hola");
};
debugger;

</script>

</body>
</html>

最佳答案

DOM 方法 document.getElementsByClassName() 返回一个数组。在分配 onclick 处理程序之前,您必须循环遍历数组项:

var elemento = document.getElementsByClassName("boton")
for (var i = 0; i < elemento.length; i++) {
elemento[i].onclick = function() {
alert("hola");
};
}
debugger;
<button class="boton">prueba</button>

或者,如果您只选择一个元素,则可以使用 document.querySelector():

var elemento = document.querySelector(".boton");
elemento.onclick = function() {
alert("hola");
};
debugger;
<button class="boton">prueba</button>

关于javascript - 为什么事件没有执行?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43292484/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com