innerText、outerText、innerHTML、outerHTML的區別

區別描述

innerHTML 設置或獲取位於對象起始和結束標籤內的 HTML
outerHTML 設置或獲取對象及其內容的 HTML 形式
innerText 設置或獲取位於對象起始和結束標籤內的文本
outerText 設置(包括標籤)或獲取(不包括標籤)對象的文本

innerText和outerText在獲取時是相同效果，但在設置時，innerText僅設置標籤內的文本，而outerText設置包括標籤在內的文本。

 

不一樣之處

簡單的說innerHTML和outerHTML、innerText與outerText的不一樣之處在於：
1）、innerHTML與outerHTML在設置對象的內容時包含的HTML會被解析，而innerText與outerText則不會。
2)、在設置時，innerHTML與innerText僅設置標籤內的文本，而outerHTML與outerText設置包括標籤在內的文本。
   對於一個id爲"testdiv"的div來講，outerHTML、innerHTML以及innerTEXT三者的區別能夠經過下圖展現出來：

此外，咱們還可以使用insertAdjacentHTML和insertAdjacentText方法（方法便是某特定對象能直接調用的函數）在先前文本 或 Html內容的前邊或後邊插入新的文本或Html內容，使用這些方法須要參數，這些參數有：BeforeBegin、 AfterBegin、 BeforeEnd和AfterEnd，它們是用來標明文本或Html插入的地方。

物流,配貨,貨運,網站,論壇,交流,信息發佈
網站建設QQ:471226865