來自: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。