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

bj_bxz 2018-09-20 09:15:29


为什么点击圆圈不能弹出第几个圆圈的标记
...全文
1233 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);
};
}
}
zc_1994 2018-09-20
  • 打赏
  • 举报
回复
click拼错了吧
qq137051908 2018-09-20
  • 打赏
  • 举报
回复
贴源码出来,方便给你修改
  • 打赏
  • 举报
回复
li[i].onclink= function()

是这个问题么

87,968

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧