js 给div添加onclick=function(){}函数不执行

给div添加了点击事件,为什么alert事件不执行?求大神帮忙
<body>
<div class="div" style="height: 100px;width: 100px;background-color: red"></div>
<script>
function alert1(){
alert("d")
}
window.onload=function(){
var div=document.getElementsByClassName("div");
alert("能执行到这里");
div.onclick= function () {
alert("这里没反应");
alert1();
}
}
</script>

这个问题不是显而易见吗?如果是不用中间变量var div来承接,而是直接用document.getElementsByClassName()这样来设置onclick事件的话编译器是不会提示的,因为编译器认为class可以重复,或许会有多个元素class都是相同的,直接换成document.getElementById()就行了,或者给document.getElementsByClassName()设置index,例如document.getElementsByClassName('div')[0].onclick()就OK,建议楼主去了解一下DOM结构
温馨提示:内容为网友见解,仅供参考
无其他回答
相似回答