直接上代码演示，最终效果点运行代码来看：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<ul id="hd">
<li>韩国冰壶丑闻结果0</li>
<li>花1500买海豚放生...1</li>
<li>流浪地球破40亿2</li>
<li>委内瑞拉彻底关闭与巴西边界3</li>
<li>一男子驾车为逃避检查撞倒环卫工 逃窜60余公里被抓获4</li>
<li>玩直播、热衷网购…老年人上网是种怎样的体验？5</li>
<li>练过功？商丘一女子暴力抗法竟把民警的手指掰折45°6</li>
</ul>
<script type="text/javascript">
var lis = document.getElementById('hd').getElementsByTagName('li');
// for (var i=0;i<lis.length;i++) {
// lis[i].xuhao = i; //每循环一次，把i的值存到xuhao里面去
// lis[i].onclick = function(){
// alert(this.xuhao);
// }
// }
// 上面的是之前的写法
// 用let的写法
for(var i =0;i<lis.length;i++){
let x = i; //循环let 一次就有一个作用域 循环8次就有8个作用域
lis[x].onclick = function(){
alert(x);
}
}
</script>
</body>
</html>
原文链接：https://www.qiquanji.com/post/7599.html
本站声明:网站内容来源于网络,如有侵权,请联系我们,我们将及时处理。
微信扫码关注
更新实时通知