                        課程
                    
                        /前端開發(fā)
                        
                            /JavaScript
                        
                        /JavaScript進(jìn)階篇

請(qǐng)問(wèn)各位大神：為什么下面這段代碼中的第一個(gè)<div>會(huì)有7個(gè)子節(jié)點(diǎn)呢?不應(yīng)該是“文本：javascript”、“元素p”、“元素div”、“元素h5”這4個(gè)子節(jié)點(diǎn)嗎？

<html>

<head>

</head>

<body>

<div>

? javascript ?

? <p>javascript</p>

? <div>jQuery</div>

? <h5>PHP</h5>

</div>

var node=document.getElementsByTagName("div")[0].childNodes;

var huoqu=document.getElementsByTagName("div")[0].childNodes;

?for (var i=0;i<huoqu.length;i++)

? ? ?{document.write("第"+(i+1)+"個(gè)子節(jié)點(diǎn)的名稱："+huoqu[i].nodeName+"<br/>");

? ? ? document.write("第"+(i+1)+"個(gè)子節(jié)點(diǎn)的值："+huoqu[i].nodeValue+"<br/>");

? ? ? document.write("第"+(i+1)+"個(gè)子節(jié)點(diǎn)的類型："+huoqu[i].nodeType+"<br/><br/><br/>");

? ? ?}

</script>

</body>

</html>

子玲兒

2017-04-03

源自：JavaScript進(jìn)階篇 9-8

關(guān)注問(wèn)題我要回答

898

操作

收起

3 回答

落葉1111 回答被采納 +3 積分
2017-04-03

看你用的什么瀏覽器。childNode 在 ie 和 firefox 中有著不同的處理方式，ie 只會(huì)把 html 標(biāo)簽算作孩子結(jié)點(diǎn)，而 firefox 除了把 html 標(biāo)簽算作孩子結(jié)點(diǎn)外，還會(huì)把“文字、空格、換行符和制表”算作孩子結(jié)點(diǎn)，三個(gè)元素標(biāo)簽，加四個(gè)換行，剛好七個(gè)

2 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

子玲兒提問(wèn)者

非常感謝哈！

2017-04-04 回復(fù) 有任何疑惑可以回復(fù)我~

#2

Daniel大牛D 回復(fù) 子玲兒提問(wèn)者

抱歉我不同意上面最佳回答的觀點(diǎn)。并不是4個(gè)換行+3個(gè)元素=7個(gè)。實(shí)際是3個(gè)換行+1個(gè)文本標(biāo)簽+3個(gè)元素標(biāo)簽。因?yàn)閾Q行，空格等在非IE瀏覽器下，都會(huì)認(rèn)為是空文本標(biāo)簽。那么在已經(jīng)有一個(gè)非空文本標(biāo)簽存在的情況下，不管是在這個(gè)空文本標(biāo)簽的前面還是后面有任何空標(biāo)簽，都會(huì)被忽略。請(qǐng)參考后面代碼進(jìn)行驗(yàn)證。

2017-06-25 回復(fù) 有任何疑惑可以回復(fù)我~