主页
JS 参考手册
HTML DOM insertBefore 方法
tryjsref_node_insertbefore
运行 ❯
×
更改方向
保存代码
更改主题
<!DOCTYPE html> <html> <body> <ul id="myList"> <li>咖啡</li> <li>茶</li> </ul> <p>单击该按钮可将项目插入列表。</p> <button onclick="myFunction()">试一试</button> <p><strong>示例说明：</strong><br>首先创建一个 LI 节点，<br>然后创建一个 Text 节点，<br>然后将 Text 节点附加到 LI 节点。<br>最后将 LI 节点插入到列表中的第一个子节点之前。</p> <script> function myFunction() { var newItem = document.createElement("LI"); var textnode = document.createTextNode("Water"); newItem.appendChild(textnode); var list = document.getElementById("myList"); list.insertBefore(newItem, list.childNodes[0]); } </script> </body> </html>