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

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

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

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

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

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

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

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

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

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

Eason_Mar

2016-03-11

源自：JavaScript進階篇 9-8

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

2568

操作

收起

1 回答

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

除了IE之外，其他瀏覽器在檢測childNodes屬性時，都會輸出7個節(jié)點。

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

當(dāng)循環(huán)到第三個節(jié)點時，該節(jié)點為文本節(jié)點 #text.其實就是<div>與那個空白區(qū)域(因為你敲了回車鍵，產(chǎn)生了空白區(qū)域) 那空白區(qū)域的文本屬性nodeValue當(dāng)然等于空。

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

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

收起回答

#1

Eason_Mar 提問者

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