createTextNode究竟是怎么運(yùn)作的?
appendChild()是在指定節(jié)點(diǎn)的最后一個(gè)子節(jié)點(diǎn)列表之后添加一個(gè)新的子節(jié)點(diǎn)。然后
var?newnode=document.createElement("p"); newnode.className="message"; var?textnode=document.createTextNode("I?Love?JaveSript"); newnode.appendChild(textnode); document.body.appendChild(newnode);
這部分究竟怎么理解呢?createTextNode() 方法創(chuàng)建新的文本節(jié)點(diǎn),返回新創(chuàng)建的 Text 節(jié)點(diǎn)。在上面代碼的第4行的結(jié)果不應(yīng)該構(gòu)成的是,因?yàn)槭窃趎ewnode的p節(jié)點(diǎn)下面在構(gòu)造一個(gè)節(jié)點(diǎn)么?我原以為createTextNode()是放回的p標(biāo)簽來著,然后應(yīng)該應(yīng)該是
<p><p>I?Love?JaveSript </p></p>
可是只是
<p>I?Love?JaveSript </p>
為什么呢?createTextNod()返回的究竟是什么?
2018-05-09
返回的就是“文本節(jié)點(diǎn)”,可以測試一下,script中添加下面一行代碼:
會(huì)提示“object text”,就是文本節(jié)點(diǎn)的意思,p元素節(jié)點(diǎn)下加一個(gè)文本節(jié)點(diǎn)就是:
如果按你之前的理解:
這個(gè)就是在p下再建一個(gè)p節(jié)點(diǎn)然后再建一個(gè)text文本節(jié)點(diǎn),就是這樣:
2017-10-12
createTextNod()返回的是文本節(jié)點(diǎn),為什么要返回p標(biāo)簽?zāi)兀?/p>