主页
JS 参考手册
HTML DOM appendChild() 方法
tryjsref_node_appendchild
运行 ❯
×
更改方向
保存代码
更改主题
<!DOCTYPE html> <html> <body> <ul id="myList"> <li>咖啡</li> <li>茶</li> </ul> <p>单击该按钮可将项目附加到列表末尾。</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>首先创建一个LI节点，<br>然后创建一个Text节点，<br>然后将Text节点追加到LI节点上。<br>最后将LI节点追加到 列表。</p> </body> </html>