Home
JS
JS
Tryit: JAVASCRIPT
运行 ❯
×
Change Orientation
Change Theme, Dark/Light
<!DOCTYPE html> <html> <body> <ul id="myList"><li>咖啡</li><li>茶</li><li>牛奶</li></ul> <p>单击按钮替换列表中的第一项。</p> <button onclick="myFunction()">试一试</button> <p>首先创建一个新的 li 元素和一个名为 Water 的文本节点。<br>然后我们将文本节点附加到 li。<br>然后我们用新创建的 li 元素替换 ul 元素的第一个子节点。 </p> <p><strong>注意：</strong>此示例替换了整个 LI 元素。</p> <script> function myFunction() { var elmnt = document.createElement("li"); var textnode = document.createTextNode("Water"); elmnt.appendChild(textnode); var item = document.getElementById("myList"); item.replaceChild(elmnt, item.childNodes[0]); } </script> </body> </html>