在一道面試題中看到的。
1、功能講解:
innerhtml 設定或獲取位於物件起始和結束標籤內的 html
outerhtml 設定或獲取物件及其內容的 html 形式
innertext 設定或獲取位於物件起始和結束標籤內的文字
outertext 設定(包括標籤)或獲取(不包括標籤)物件的文字
2、示例
1 230 313、不同之處:37
38
簡單的說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在給標籤設定內容的時候,如果是純文字內容的話,則直接設定或者覆蓋設定。如果標籤間還有巢狀標籤的話,設定文字的時候只會顯示文字,若加上文字標籤,則會...