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

為什么文本節(jié)點(diǎn)的值為空？

為什么除了第一個(gè)出現(xiàn)了javascript，后面都是空白？

子節(jié)點(diǎn)名稱為:#text
子節(jié)點(diǎn)值為: javascript?
子節(jié)點(diǎn)類型為:3

子節(jié)點(diǎn)名稱為:P
子節(jié)點(diǎn)值為:null
子節(jié)點(diǎn)類型為:1

子節(jié)點(diǎn)名稱為:#text
子節(jié)點(diǎn)值為:?
子節(jié)點(diǎn)類型為:3

子節(jié)點(diǎn)名稱為:DIV
子節(jié)點(diǎn)值為:null
子節(jié)點(diǎn)類型為:1

子節(jié)點(diǎn)名稱為:#text
子節(jié)點(diǎn)值為:?
子節(jié)點(diǎn)類型為:3

子節(jié)點(diǎn)名稱為:H5
子節(jié)點(diǎn)值為:null
子節(jié)點(diǎn)類型為:1

子節(jié)點(diǎn)名稱為:#text
子節(jié)點(diǎn)值為:?
子節(jié)點(diǎn)類型為:3

Eason_Mar

2016-03-11

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

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

2547

操作

收起

1 回答

UncleKeith 回答被采納 +3 積分
2016-03-11

除了IE之外，其他瀏覽器在檢測(cè)childNodes屬性時(shí)，都會(huì)輸出7個(gè)節(jié)點(diǎn)。

另外，當(dāng)循環(huán)到第二個(gè)節(jié)點(diǎn)時(shí)，該節(jié)點(diǎn)為屬性節(jié)點(diǎn)。屬性節(jié)點(diǎn)的文本節(jié)點(diǎn)為null.? 可以檢測(cè)一下console.log(typeof undefined ==null)? //返回true .? 但是瀏覽器都輸出文本節(jié)點(diǎn)的屬性為null .

當(dāng)循環(huán)到第三個(gè)節(jié)點(diǎn)時(shí)，該節(jié)點(diǎn)為文本節(jié)點(diǎn) #text.其實(shí)就是<div>與那個(gè)空白區(qū)域(因?yàn)槟闱昧嘶剀囨I，產(chǎn)生了空白區(qū)域) 那空白區(qū)域的文本屬性nodeValue當(dāng)然等于空。

以此類推，body里面就有三個(gè)屬性節(jié)點(diǎn) ，?? 四個(gè)文本節(jié)點(diǎn)，其中有一個(gè)的nodevalue=javascript? 其他三個(gè)的nodeValue=""?

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

收起回答

#1

Eason_Mar 提問者

明白了幾點(diǎn)： 1.訪問子節(jié)點(diǎn)，返回的是“兒輩”節(jié)點(diǎn)，對(duì)于“孫輩”節(jié)點(diǎn)（例如p里面的javascript文本節(jié)點(diǎn)）是不訪問的； 2.節(jié)點(diǎn)之間常常藏了一個(gè)空白區(qū)域文本節(jié)點(diǎn)（那么問題就來了，javascript與之間呢？思考：因?yàn)閖avascript本來就是文本，所以即使javascript與之間有空隙，那么這個(gè)文本節(jié)點(diǎn)就是“javascript + 空隙”，實(shí)際看到的value還是javascript） 3.學(xué)習(xí)了console.log(typeof undefined ==null)