文本節(jié)點的值的問題?
第一個節(jié)點:javascript
第1個節(jié)點的名稱是:#text
第1個節(jié)點的類型是:3
第1個節(jié)點的值是:
?javascript ?
?
第三個節(jié)點(p是第二個節(jié)點):<p>javascript</p>
第3個節(jié)點的名稱是:#text
第3個節(jié)點的類型是:3
第3個節(jié)點的值是:?
為什么第三個節(jié)點沒有輸出值value
第一個節(jié)點:javascript
第1個節(jié)點的名稱是:#text
第1個節(jié)點的類型是:3
第1個節(jié)點的值是:
?javascript ?
?
第三個節(jié)點(p是第二個節(jié)點):<p>javascript</p>
第3個節(jié)點的名稱是:#text
第3個節(jié)點的類型是:3
第3個節(jié)點的值是:?
為什么第三個節(jié)點沒有輸出值value
2016-12-08
舉報
2016-12-08
來來來,我們來好好理解一下哈。
首先理解父節(jié)點和子節(jié)點的概念。子節(jié)點是父節(jié)點所包含的,父節(jié)點下一級的節(jié)點。也就是說,父節(jié)點下還可能有下兩級的節(jié)點哦,但是那不是父節(jié)點的子節(jié)點,而是父節(jié)點的“孫節(jié)點”
看代碼:
先不管什么空白節(jié)點,看著代碼,我們來數(shù)一數(shù)div下面有幾個子節(jié)點:javascript是文本節(jié)點,第一個。p標簽是第二個,div是第三個,h5是第四個子節(jié)點。ok,子節(jié)點是4,然后我們運行代碼,假設你代碼都對了,出來的結(jié)果是幾個子節(jié)點呢?7個!
所以還有3個是什么呢?是瀏覽器認為的,在節(jié)點之間存在的文字節(jié)點!因為節(jié)點之間沒有內(nèi)容,所以才是空白的,稱之為空白節(jié)點!
看代碼:
一共是3個空白節(jié)點,那么為啥開頭的div和javascript之間沒有空白節(jié)點呢?因為javascript本身就是文本節(jié)點,在這里充當了div和p標簽之間的”空白節(jié)點“,但是它不是空白的呦,是有值的文本節(jié)點。
也就是說,關(guān)鍵不是空白節(jié)點,而是文本節(jié)點,瀏覽器認為在節(jié)點之間必須存在文本節(jié)點,如果沒有就給你加上空白節(jié)點!如果有就不加了
回到你的問題,為啥Value沒有值?它是空白節(jié)點哦,怎么有值?而只有第一個節(jié)點javascript是有值的
不要把第三 第五 第七 節(jié)點理解為p div h5標簽中的文本哦,那個也是文本節(jié)點,但是是”孫節(jié)點“ ,是子節(jié)點的子節(jié)點。?
2017-03-05
謝謝,
2016-12-16
這個答案讓我明白了什么是空白節(jié)點。贊。
2016-12-14
解答的很清楚