直接帖代码了:
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title>JS中for循环的优化</title>
<meta name="generator" content="EverEdit" />
<meta name="author" content="" />
<meta name="keywords" content="" />
<meta name="description" content="" />
</head>
<body>
<ul id="list">
<li></li>
<li></li>
<li></li>
</ul>
<ul id="list_2">
<li></li>
<li></li>
<li></li>
</ul>
<ul id="list_3">
<li></li>
<li></li>
<li></li>
</ul>
</body>
</html>
<script type="text/javascript">
// 最习惯的写法
var list=document.getElementById("list");
for(var i=0;i<list.childNodes.length;i++){
var item = list.childNodes[i];
item.innerHTML="菜单"+i;
}
// 优化后的写法
var list_2=document.getElementById("list_2");
for(var i=0,length=list_2.childNodes.length;i<length;i++){
item=list_2.childNodes[i];
item.innerHTML="第二次优化后的菜单"+i;
}
// 再次优化后的写法
var list_3=document.getElementById("list_3");
for(var i=0;item=list_3.childNodes[i];i++){
item.innerHTML="第三次优化后的菜单"+i;
}
</script>
转载于:https://blog.51cto.com/suiwnet/1339054