對(duì)于DOM元素，children是指DOM Object類(lèi)型的子對(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代碼寫(xiě)成如下樣式，那么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)有其他差異
更多信息請(qǐng)查看IT技術(shù)專(zhuān)欄
公考類(lèi)
招聘類(lèi)
各類(lèi)考試
公眾號(hào)
事業(yè)單位
當(dāng)前位置：