<ul id="test"><li>JavaScript</li><li>HTML</li></ul> 

<script type="text/javascript">

  var otest = document.getElementById("test"); //获得的是ul标签对象，不是数组，可以添加下面一行代码

  var otestArr = document.getElementById("test").childNodes;//获得存储<li>JavaScript</li>与<li>HTML</li>两个标签对象的数组，然后遍历数组，做下面修改

 var node；

  for(var i=0;i<otestArr.length;i++){

    if(otestArr[i].innerHTML=="HTML"){

    node =otestArr[i];

    }   

  }

  var newnode=document.createElement("li");

    newnode.innerHTML="php";

    otest.insertBefore(newnode,node);

这样结果就对了

JavaScript

php

HTML

另外如果<ul id="test"><li>JavaScript</li><li>HTML</li></ul> 不再写在一起，而是有空格，如下：

<ul id="test">

<li>JavaScript</li>

<li>HTML</li>

</ul>

var otestArr = document.getElementById("test").childNodes;此时获得标签对象元素个数就会变为5个，其中有文本对象（空格）