innerHTML與innerText的異同

2022-01-17 04:38:58 字數 764 閱讀 4947

在一道面試題中看到的。

1、功能講解: 

innerhtml 設定或獲取位於物件起始和結束標籤內的 html 

outerhtml 設定或獲取物件及其內容的 html 形式 

innertext 設定或獲取位於物件起始和結束標籤內的文字 

outertext 設定(包括標籤)或獲取(不包括標籤)物件的文字 

2、示例 

1 230 31  

37

38

3、不同之處: 

簡單的說innerhtml和outerhtml、innertext與outertext的不同之處在於: 

1)、innerhtml與outerhtml在設定物件的內容時包含的html會被解析,而innertext與outertext則不會。 

2)、在設定時,innerhtml與innertext僅設定標籤內的文字,而outerhtml與outertext設定包括標籤在內的文字。 

特別說明: 

innerhtml是符合w3c標準的屬性,而innertext只適用於ie瀏覽器,因此,盡可能地去使用innerhtml,而少用innertext,如果要輸出不含html標籤的內容,可以使用innerhtml取得包含html標籤的內容後,再用正規表示式去除html標籤,下面是乙個簡單的符合w3c標準的示例: 

/gim,''))">無html,符合w3c標準

innerHTML與outerHTML的區別

1.innerhtml與outerhtml的區別 innerhtml 得出呼叫該方法的節點下的html 但不包括該節點本身的html outerhtml 得出呼叫該方法的節點及該節點下的html 一般的容器裡都有,可以參考msdn,比如這樣。有這樣的 some information 則window...

outerHTML與innerHTML的不同

outerhtml的用法與innerhtml不同,outerhtml包括整個標籤,而不僅限於標籤內部的內容。對於乙個id為 testdiv 的div來說,outerhtml innerhtml以及innertext三者的區別可以通過下圖展示出來 與innerhtml不同,outerhtml包括整個標...

innerText與innerHTML的區別

innertext可以獲取標籤間的內容,如果標籤間只有文字的話,則是直接獲取。如果標籤間還有巢狀標籤的話,則會將巢狀標籤忽略掉獲取文字。innertext在給標籤設定內容的時候,如果是純文字內容的話,則直接設定或者覆蓋設定。如果標籤間還有巢狀標籤的話,設定文字的時候只會顯示文字,若加上文字標籤,則會...