當(dāng)前位置：首頁 > IT技術(shù) > Web編程 > 正文

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


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

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

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

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

?

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

　　你看看 加不加粗的感嘆號 html 都加了? text沒加

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


作者：??咸瑜???


本文摘自 ：https://blog.51cto.com/u

開通會員，享受整站包年服務(wù)立即開通 >
推薦內(nèi)容