在末尾添加節點案例
阿新 • • 發佈：2017-07-13
body 末尾 技術分享 添加節點 pre rip button cli .get
在末尾添加節點案例
步驟
1、獲取到ul標簽
2、創建li標簽 document.createElement("標簽名稱")；
3、創建文本 document.createTextNode("文本內容");
4、把文本添加到li標簽 使用appendChild（）方法
5、把li標簽添加到ul標簽 使用appendChild（）方法
<html> <head> <title>Html示例</title> <style type="text/css"> </style> </head><body> <ul id="ulid"> <li>111</li> <li>222</li> <li>333</li> </ul> <input type="button" value="add" onclick="add1()"/> <script type ="text/javascript"> function add1() { var ul1=document.getElementById("ulid"); var li1=document.createElement("li"); var text1=document.createTextNode("55555"); li1.appendChild(text1); ul1.appendChild(li1); } </script> </body> </html>
結果顯示為 
按下add可以無限增加節點55555
在末尾添加節點案例