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>首先创建一个名为 Water 的新文本节点。<br>然后用新创建的文本节点替换第一个列表项的第一个子节点。</p> <p><strong>注意</strong>：此示例仅将文本节点“Coffee”替换为文本节点“Water”，而不是整个 LI 元素，这也是替换节点时的备选方案。</p> <script> function myFunction() { var textnode = document.createTextNode("Water"); var item = document.getElementById("myList").childNodes[0]; item.replaceChild(textnode, item.childNodes[0]); } </script> </body> </html>