直接帖代码了：

<!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>