2. for应用:选取,生成,性能
(和作用域有关)
200个按钮:
注意:innerHTML是替换,故若要生成多个按钮,需要用到 ‘+=’;
性能问题:按钮显示很慢。
改进方法:
1.
22.
2. for循环遍历二维数组
3.寻找元素
<body>
<ul id="list">
<li >
<h2>我的好友</h2>
<ul>
<li>小林</li>
<li>小叶</li>
<li>小张</li>
</ul>
</li>
<!--干扰-->
<li><ol><li>no</li></ol></li>
<li>
<h2>我的同学</h2>
<ul>
<li>林坤</li>
<li>明兰</li>
<li>如兰</li>
</ul>
</li>
<!--干扰-->
<li><ol><li>no</li></ol></li><li><ol><li>no</li></ol></li>
<li>
<h2>黑名单</h2>
<ul>
<li>墨兰</li>
<li>莫娘</li>
<li>小秦</li>
</ul>
</li>
</ul>
</body>
<script>
window.onload = function () {
var oUl = document.getElementById("list");
var aUl = oUl.getElementsByTagName("ul");
var len = aUl.length;
var aLi = null;
for(var i=0; i < len; i++){
aLi = aUl[i].getElementsByTagName('li');
for(var j=0;j < aLi.length; j++){
aLi[j].style.border = '1px solid red';
}
}
}
</script>