有没有大神看看我这个代码 <!DOCTYPE HTML>...-慕课网

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

有没有大神看看我这个代码

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
</head>
<body>

<ul id="test"><li>HTML</li><li>JavaScript</li><li>HTML</li><li>HTML</li><li>JavaScript</li></ul> 
 
<script type="text/javascript">

  var otest = document.getElementById("test");  
  
  var phpli = document.createElement("li");
  
  phpli.innerHTML = "php";
  
  var allli = document.getElementsByTagName("li");
  
  otest.insertBefore(phpli,allli[1]);//为什么这3个插入语句最后只插入了一条呢  搞不懂  有没有大神解释下呢~~~
  otest.insertBefore(phpli,allli[2]);
  otest.insertBefore(phpli,allli[3]);

  
  // for(var i=0;i<allli.length;i++){
  //   if(allli[i].innerHTML == "HTML"){
  //   	document.write(allli[i].innerHTML);
  //      otest.insertBefore(phpli,allli[i]);
  //   }
  // }
  
  
</script> 

</body>
</html>