W3School TIY Editor
W3School 在线教程
改变方向
暗黑模式
运行代码
<!DOCTYPE html> <html> <body> <h1>Element 对象</h1> <h2>hasChildNodes() 方法</h2> <ul id="myList"> <li>Coffee</li> <li>Tea</li> </ul> <p>点击按钮，将子节点从列表中移除，一个接一个：</p> <button onclick="myFunction()">试一试</button> <p><b>注释：</b>节点之间的空白被认为是文本节点。 您删除的一些子节点是不可见的空白或换行符。</p> <script> function myFunction() { const element = document.getElementById("myList"); if (element.hasChildNodes()) { element.removeChild(element.childNodes[0]); } } </script> </body> </html>