js 给div添加onclick=function(){}函数不执行 5
给div添加了点击事件,为什么alert事件不执行?求大神帮忙<body><divclass="div"style="height:100px;width:100px;b...
给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> 展开
<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> 展开
1个回答
展开全部
这个问题不是显而易见吗?如果是不用中间变量var div来承接,而是直接用document.getElementsByClassName()这样来设置onclick事件的话编译器是不会提示的,因为编译器认为class可以重复,或许会有多个元素class都是相同的,直接换成document.getElementById()就行了,或者给document.getElementsByClassName()设置index,例如document.getElementsByClassName('div')[0].onclick()就OK,建议楼主去了解一下DOM结构
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询