元素節(jié)點(diǎn)的 innerText、innerHTML、outerHTML、outerText
2022-05-31 17:15:06

innerText 這個(gè)是起始其實(shí)標(biāo)簽和結(jié)束標(biāo)簽之間的文本。

innerHTML 這個(gè)表示所有的元素和文本的HTML代碼 --?在讀模式下 innerHTML 屬性返回調(diào)用元素的所有的子節(jié)點(diǎn)對(duì)應(yīng)的HTML標(biāo)記和內(nèi)容。 -- 在寫模式下innerHTMl會(huì)根據(jù)指定的值來(lái)創(chuàng)建新的DOM樹?？梢岳眠@個(gè)屬性給指定的標(biāo)簽里添加標(biāo)簽。

outerText 是整個(gè)目標(biāo)節(jié)點(diǎn)，返回和innerText一樣的內(nèi)容。

outerHTML 除了包換innerHTMl的全部?jī)?nèi)容外，還包換對(duì)象標(biāo)簽本身。

?

document.write(document.getElementsByTagName("p")[0].innerText);?//?輸出：?永遠(yuǎn)的學(xué)生?。ǜ袊@號(hào)未加粗）
???document.write("<pre>
</pre>");
???document.write(document.getElementsByTagName("p")[0].innerHTML);?//?輸出：?永遠(yuǎn)的學(xué)生?。ǜ袊@號(hào)加粗）
???document.write("<pre>
</pre>");
???document.write(document.getElementsByTagName("p")[0].outerText);?//?輸出：?永遠(yuǎn)的學(xué)生?。ǜ袊@號(hào)未加粗）
???document.write("<pre>
</pre>");
???document.write(document.getElementsByTagName("p")[0].outerHTML);?//?輸出：?永遠(yuǎn)的學(xué)生！（感嘆號(hào)加粗）

　　你看看 加不加粗的感嘆號(hào) html 都加了? text沒(méi)加

　　這里說(shuō)一下 innerHTML的寫模式是什么啊? 其實(shí)就是替換啊 直接? = “xxx” 就好了 什么破玩意 講的那么高級(jí)....煩死了 前端

作者：??咸瑜???