JS初级循环
2016-10-20 14:17
176 查看
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>无标题文档</title> <style> li { height:30px; border-bottom:1px solid #333; } </style> <script> window.onload = function (){ var oUl = document.getElementById('list'); var aLi = oUl.getElementsByTagName('li'); var arr = [ '今天', '明天', '后天' ]; var len = arr.length; /* aLi[0].onclick = function (){ alert(1); }; aLi[1].onclick = function (){ alert(1); }; aLi[2].onclick = function (){ alert(1); }; */ // aLi.onclick = function (){ alert(1); }; for( var i=0; i<len; i++ ){ aLi[i].innerHTML = arr[i]; aLi[i].onclick = function (){ alert(i); i => 3 }; } }; </script> </head> <body> <ul id="list"> <li></li> <li></li> <li></li> </ul> </body> </html>
相关文章推荐
- 小花 - JS循环结构(初级)
- 一个简单的层循环的js代码
- JS循环网页元素,手动触发事件
- js 带循环的 嵌套函数 应注意的一个问题 循环index
- jS循环图片
- js随机图片,十秒后循环
- 关于JS通过正则表达式循环检测多个Email格式_已经测试通过.
- 【JS难题】循环内绑定对象事件
- js循环表单验证,不能为空,和一定要输入数字
- JS图片循环播放
- JS循环网页元素,手动触发事件
- js中for循环的问题
- [js] 图片无缝连续循环滚动(转)
- js入门·循环与判断/利用函数的简单实例/使用对象/列举对象属性的名称
- 关于JS通过正则表达式循环检测多个Email格式_已经测试通过.
- js循环测试密码
- 随机调用iframe JS 的广告代码,随页面滚动广告循环播放。。
- JS实现定时循环上翻
- 纯JS打造循环间隔滚动公告栏
- 比较漂亮的js循环的flash