代码描述:JavaScript判断DOM元素 是否含有子节点。JavaScript判断DOM元素是否含有子节点代码下载
DOM操作过程中,可能需要判断一个元素是否具有子节点。 下面通过代码实例介绍一下如何实现此功能。 代码实例如下:
<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="https://www.51qianduan.com/" /> <title>51前端</title> <style type="text/css"> body{text-align:center;} #box{ width:200px; height:150px; background:red; margin:0px auto; } #inner{ width:50px; height:50px; margin:0px auto; background:blue; } </style> <script type="text/javascript"> window.onload=function(){ var box=document.getElementById("box") var bt=document.getElementById("bt"); bt.onclick=function(){ if(box.hasChildNodes()){ box.innerHTML="含有子元素"; } else{ box.innerHTML="没有子元素"; } } } </script> </head> <body> <div id="box">51前端</div> <input type="button" id="bt" value="查看效果"/> </body> </html>
请绑定手机号,在继续操作
注意:只有绑定手机以后,才可使用网站全部功能