简单教程
提交运行
代码编辑器:
<ul id="myList"><li>Coffee</li><li>Tea</li></ul> <p id="demo">单击按钮将项目添加到列表中</p> <button onclick="myFunction()">点我</button> <script> function myFunction(){ var node=document.createElement("LI"); var textnode=document.createTextNode("Water"); node.appendChild(textnode); document.getElementById("myList").appendChild(node); } </script> <p><strong>注意:</strong><br>首先创建一个节点,<br> 然后创建一个文本节点,<br>然后将文本节点添加到LI节点上<br>最后将节点添加到列表中</p>
运行结果: