亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

JavaScript操作DOM元素的childNodes和children區(qū)別

 更新時(shí)間：2015年04月01日 08:55:08   投稿：junjie  
這篇文章主要介紹了JavaScript操作DOM元素的childNodes和children區(qū)別,本文直接給出測(cè)試代碼和運(yùn)行效果來(lái)講解它們之間的區(qū)別,需要的朋友可以參考下

對(duì)于DOM元素，children是指DOM Object類型的子對(duì)象，不包括tag之間隱形存在的TextNode，而childNodes包括tag之間隱形存在的TextNode對(duì)象。

具體看一下針對(duì)children和childNodes在chrome環(huán)境下的測(cè)試：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
 <div id="div1" class="div">
 <span id="s1" class="sp" lang="zh-cn">
 </span>
 </div>
</body>
<script type="text/javascript">
 
 function test() {
 var o = document.getElementById("div1");
 var child = o.children;
 console.log("div1.children運(yùn)行結(jié)果:");
 for(i = 0; i < child.length; i++){
   console.log(child[i].tagName);
  }
 
 console.log("");
 child = o.childNodes;
 console.log("div1.childNodes運(yùn)行結(jié)果:");
 for(i = 0; i < child.length; i++){
   console.log(child[i].tagName);
  }
 
 }
 
 test();

</script>
</html>


測(cè)試結(jié)果如下：

 div1.children運(yùn)行結(jié)果:
 SPAN

 div1.childNodes運(yùn)行結(jié)果:
 undefined
 SPAN
 undefined

上面childNodes集合的結(jié)果中有兩個(gè)undefined節(jié)點(diǎn)，這連個(gè)就是nodeType=3的TextNode。

如果把HTML代碼寫成如下樣式，那么children和childNodes的結(jié)果就沒(méi)有差別了。

<body>
 <div id="div1" class="div"><span id="s1" class="sp" lang="zh-cn"></span></div>
</body>

對(duì)document、head、body及div等HTML元素實(shí)測(cè)未發(fā)現(xiàn)有其他差異

相關(guān)文章

最新評(píng)論