大家好,谁能解释为什么活动未执行?
调试器根本不给出任何错误!
先感谢您

    <!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>

10-06 01:34