直接帖代码了:
<!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>