let命令的应用
直接上代码演示,最终效果点运行代码来看:
<!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,我们将及时处理。
微信扫码关注
更新实时通知