                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JavaScript进阶篇

用insertBefore()实现插入节点

为什么代码一直在运行，没有效果，具体代码如下，请大家帮忙看看问题出在哪，感谢

<!DOCTYPE HTML>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>无标题文档</title>
</head>
<body>
    <ul id="test">
        <li>JavaScript</li>
        <li>HTML</li>
    </ul>
    <script type="text/javascript">
        var otest = document.getElementById("test");    
        var node=otest.childNodes;
        for(var i=0;i<node.length;i++){
            if(node[i].innerHTML=="HTML"){            
                var newnode=document.createElement("li");
                newnode.innerHTML="PHP";            
                otest.insertBefore(newnode,node[i]);
            }
        }  
    </script>
    
</body>
</html>