首頁(yè) 猿問(wèn) 為什么獲取Element的chil...

為什么獲取Element的childNodes結(jié)點(diǎn)時(shí)找不到span？

JavaScript

三國(guó)紛爭(zhēng) 2018-10-10 18:17:49

在學(xué)習(xí)ELement結(jié)點(diǎn)的childNodes的方法時(shí)測(cè)試一下代碼控制臺(tái)輸出結(jié)果卻是#textSPAN#textA#textDIV#textPDIV#textP#textSCRIPT為什么找不到嵌套的span標(biāo)簽?zāi)兀块_頭的span標(biāo)簽明明可以被檢測(cè)到??？若是說(shuō)孫子結(jié)點(diǎn)不能被檢測(cè)到，那么為什么span嵌套的div卻能被列舉出來(lái)呢？

查看完整描述

1 回答

縹緲止盈

TA貢獻(xiàn)2041條經(jīng)驗(yàn) 獲得超4個(gè)贊

childNodes只能返回子代節(jié)點(diǎn)
span是內(nèi)聯(lián)元素，內(nèi)聯(lián)元素是不能嵌套塊級(jí)元素的，你強(qiáng)行嵌套的結(jié)果是這樣的：

div變成p的兄弟節(jié)點(diǎn)，所以返回到的結(jié)果就如題中所示
嵌套規(guī)則：

塊級(jí)元素可以包含內(nèi)聯(lián)元素或某些塊級(jí)元素，但內(nèi)聯(lián)元素不能包含塊級(jí)元素，它只能包含其它內(nèi)聯(lián)元素。
塊級(jí)元素不能放在p里面。
有幾個(gè)特殊的塊級(jí)元素只能包含內(nèi)聯(lián)元素，不能包含塊級(jí)元素。如h1,h2,h3,h4,h5,h6,p,dt
li內(nèi)可以包含div
塊級(jí)元素與塊級(jí)元素并列、內(nèi)聯(lián)元素與內(nèi)聯(lián)元素并列。