javascript hasChildNodes()简单介绍

本章节通过代码实例介绍一下hasChildNodes()函数的作用，可能此函数在实际应用中的出现频率不高，但是并非没有用武之地，总之会总比不会要好的多，下面进入正题。此函数可以判断指定元素是否具有子节点。

如果有则返回true，否则返回false。

语法结构:

[ 其他 ] 运行代码下载代码

<script>
elementNode.hasChildNodes()
</script>

代码实例:

[ 其他 ] 运行代码下载代码

<!DOCTYPE html>  
<html>  
<head>  
<meta charset=" utf-8">  
<meta name="author" content="https://www.51qianduan.com/" />  
<title>51前端</title>  
<script type="text/javascript">
window.onload=function(){
  var obox=document.getElementById("box");
  var oshow=document.getElementById("show");
  var lis=obox.getElementsByTagName("li");
  oshow.innerHTML="第四个li:"+lis[3].hasChildNodes()+"<br/>"
  +"第五个li:"+lis[4].hasChildNodes()+"<br/>"
  +"第六个li:"+lis[5].hasChildNodes()
}
</script>
</head> 
<body> 
<div id="show"></div>
<ul id="box">
  <li>只有努力奋斗才会有美好的未来。</li>
  <li>没有人一开始就是高手，必须要好好学习。</li>
  <li>分享互助是进步的最大源动力。</li>
  <li>每一天都是新的要好好真心</li>
  <li> </li>
  <li></li>
</ul>
</body> 
</html>

代码描述：javascript hasChildNodes()。javascript hasChildNodes()简单介绍

下载全部收藏

146 194

用户评论

大牛，别默默的看了，快登录帮我点评一下吧！:) 登录 | 注册