js-案例在末尾添加节点

第一步：获取到ul标签
第二步：创建li标签 createElement（）；
第三步：创建文本 createTextNode（）；
第四步：把文本添加到li下面 appendChild（）；
第五步：把li添加到ul的末尾

<ul id="ul1">
        <li>111</li>
        <li>222</li>
        <li>333</li>
        <li>444</li>
   </ul>
   <input type="button" value="add" onclick="add();"/>
   <script type="text/javascript">
   //在末尾添加节点
   function add(){
       //获取到ul标签
       var ul1=document.getElementById("ul1");
       //创建标签
       var li1=document.createElement("li");
       //创建文本
       var tex1=document.createTextNode("555");
       //把文本加入到li下面
       li1.appendChild(tex1);
       //把li加入到ul下面
       ul1.appendChild(li1);
   }
   </script>