专注前端素材!
源代码:
点击运行
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>素材8网教程(study.sucai8.cn)</title> </head> <body> <ul id="myList"><li>Coffee</li><li>Tea</li></ul> <p id="demo">单击按钮是否有任何子节点列表元素</p> <button onclick="myFunction()">点我</button> <script> function myFunction(){ var lst=document.getElementById("myList"); var x=document.getElementById("demo"); x.innerHTML=lst.hasChildNodes(); } </script> <p>试着删除子节点列表的元素,结果将返回<em>false</em> 而不是<em>true</em>。</p> <p><strong>注意:</strong>空格内节点被认为是文本节点,所以如果你留下任何空格或换行一个元素,该元素仍有子节点。 </p> </body> </html>
运行结果