求助，为什么click事件没有反应

bj_bxz 2018-09-20 09:15:29

为什么点击圆圈不能弹出第几个圆圈的标记

...全文

1223 7 打赏收藏转发到动态举报

写回复

用AI写文章

7 条回复

切换为时间正序

请发表友善的回复…

发表回复

bj_bxz 2018-09-21

打赏
举报

是的，粗心了

bj_bxz 2018-09-20

打赏
举报

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>

*{
margin: 0;
padding: 0;
}
div{
height:100px;
width: 550px;
border:1px solid black;
line-height: 100px;
position: relative;
}
li{
border:1px solid black;
list-style: none;
display: block;
height: 100px;
width: 100px;
border-radius:50px 50px;
float: left;
}
</style>
<script>
window.onload = function(){
Li = document.getElementsByTagName("div").getElementsByTagName("li");
Lilength = Li.length;
for(let i =0;i<Lilength;i++){
Li[i].index = i;
Li[i].onclick = function(){
var index = this.index;
alert(index);
}
}
}

</script>
</head>
<body>
<div>
<ul>
<li class="round"></li>
<li class="round"></li>
<li class="round"></li>
<li class="round"></li>
<li class="round"></li>
</ul>
</div>
</body>
</html>

bj_bxz 2018-09-20

打赏
举报

是啊！！！！！，啊啊啊啊

葉幺 2018-09-20

打赏
举报

getElementsByTagName是多个的所以要加下标

window.onload = function(){
Li = document.getElementsByTagName("div")[0].getElementsByTagName("li");
LiLength = Li.length;
for(let i=0;i<LiLength;i++){
Li[i].index = i;
Li[i].onclick = function(){
var index = this.index;
alert(index);
};
}
}