懂了 谢谢啊

<ul id="test">

  <li>JavaScript</li>

  <li>HTML</li>

</ul> 

<script type="text/javascript">

  var otest = document.getElementById("test");  //  找到 ul 标签 ,

  var newnode = document.createElement("li");   //  创建一个 li 标签 <li></li>

  var newtext = document.createTextNode("PHP"); //   创建 标签内容 "PHP"

  newnode.appendChild(newtext);   //    把 标签内容 "PHP" , 插入到li 标签 <li>PHP</li> 

  otest.appendChild(newnode);//把<li>PHP</li> ,作为子标签插入到 ul中,li 标签是 ul 的子标签

<ul id="test">

  <li>JavaScript</li>

  <li>HTML</li>

  <li>PHP</li>

</ul> 

输出就这样了  

JavaScript

HTML

PHP

这不是出结果了吗 , 新添加的在后面  ,

JavaScript

HTML

PHP

左侧的讲解看不懂还是代码调试不出来？你想问的是如何插入元素吗？