js-案例在末尾添加节点

来源:互联网 发布:淘宝最毒的差评语贴吧 编辑:程序博客网 时间:2024/05/17 00:51

第一步:获取到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>
0 0