js實現在末尾添加節點


在末尾添加節點:

       1.獲取ul標簽

       2.創建li標簽

          document.createElement("標簽名稱")方法

       3.創建文本

          document.createTextNode("文本內容");

       4.把文本添加到li下面

          使用 appendChild方法

       5.把添加到ul的末尾

          使用 appendChild方法

<html>
 <head>
  <title>HTML示例</title>
  <style type="text/css">
  </style>
 </head>
 <body>
 <div>
    <ul id="ulid">
        <li>111</li>
        <li>222</li>
        <li>333</li>
        <li>444</li>
    </ul>
</div>
</div>
    <br/>
    <input type="button" value="add" onclick="add1();"/>
    <script type="text/javascript">//在末尾添加節點
        function add1() {
            //獲取到ul標簽
            var ul1 = document.getElementById("ulid");
            //創建標簽
            var li1 = document.createElement("li");
            //創建文本
            var tex1 = document.createTextNode("5555");
            //把文本加入到li下面
            li1.appendChild(tex1);
            //把li加入到ul下面
            ul1.appendChild(li1);
        }
        
    </script>

 </body>
</html>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM