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

元素節(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í)....煩死了 前端


作者:??咸瑜???


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

開通會(huì)員,享受整站包年服務(wù)立即開通 >