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