當前位置:首頁 > IT技術 > Web編程 > 正文

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


innerText 這個是起始其實標簽和結束標簽之間的文本。

innerHTML 這個表示所有的元素和文本的HTML代碼 --?在讀模式下 innerHTML 屬性返回調用元素的所有的子節(jié)點對應的HTML標記和內容。 -- 在寫模式下innerHTMl會根據(jù)指定的值來創(chuàng)建新的DOM樹。可以利用這個屬性給指定的標簽里添加標簽。

outerText 是整個目標節(jié)點,返回和innerText一樣的內容。

outerHTML 除了包換innerHTMl的全部內容外,還包換對象標簽本身。

?

document.write(document.getElementsByTagName("p")[0].innerText);?//?輸出:?永遠的學生!(感嘆號未加粗)
???document.write("<pre> </pre>");
???document.write(document.getElementsByTagName("p")[0].innerHTML);?//?輸出:?永遠的學生?。ǜ袊@號加粗)
???document.write("<pre> </pre>");
???document.write(document.getElementsByTagName("p")[0].outerText);?//?輸出:?永遠的學生?。ǜ袊@號未加粗)
???document.write("<pre> </pre>");
???document.write(document.getElementsByTagName("p")[0].outerHTML);?//?輸出:?永遠的學生!(感嘆號加粗)

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

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


作者:??咸瑜???


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

開通會員,享受整站包年服務立即開通 >