JS中innerHTML、outerHTML、innerText、outerText的區別

來自:http://www.jb51.net/article/16585.htm

1.功能講解: 

(1)innerHTML 設置或獲取位於對象起始和結束標籤內的 HTML; 
(2)outerHTML 設置或獲取對象及其內容的 HTML 形式 ;
(3)innerText 設置或獲取位於對象起始和結束標籤內的文本 ;

(4)outerText 設置(包括標籤)或獲取(不包括標籤)對象的文本 。

2.不同之處: 

   簡單的說innerHTML和outerHTML、innerText與outerText的不同之處在於:
(1)innerHTML與outerHTML在設置對象的內容時包含的HTML會被解析,而innerText與outerText則不會。
(2)在設置時,innerHTML與innerText僅設置標籤內的文本,而outerHTML與outerText設置包括標籤在內的文本。 


3.特別說明:
(1)innerHTML是符合W3C標準的屬性,而innerText只適用於IE瀏覽器,因此,儘可能地去使用innerHTML,而少用innerText,如果要輸出不含HTML標籤的內容,可以使用innerHTML取得包含HTML標籤的內容後,再用正則表達式去除HTML標籤。  

(2)火狐不支持innerText 的用法,解決方法:$("#obj").innerText || $("#obj").textContent。

發佈了124 篇原創文章 · 獲贊 20 · 訪問量 52萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章