1、功能講解:
innerhtml 設(shè)置或獲取位于對象起始和結(jié)束標(biāo)簽內(nèi)的 html
outerhtml 設(shè)置或獲取對象及其內(nèi)容的 html 形式
innertext 設(shè)置或獲取位于對象起始和結(jié)束標(biāo)簽內(nèi)的文本
outertext 設(shè)置(包括標(biāo)簽)或獲取(不包括標(biāo)簽)對象的文本
2、示例

• innerhtml效果.


• innertext效果.


• outerhtml效果.


• outertext效果.

3、不同之處:
簡單的說innerhtml和outerhtml、innertext與outertext的不同之處在于：
1）、innerhtml與outerhtml在設(shè)置對象的內(nèi)容時(shí)包含的html會被解析，而innertext與outertext則不會。
2)、在設(shè)置時(shí)，innerhtml與innertext僅設(shè)置標(biāo)簽內(nèi)的文本，而outerhtml與outertext設(shè)置包括標(biāo)簽在內(nèi)的文本。

特別說明：
　　innerhtml是符合w3c標(biāo)準(zhǔn)的屬性，而innertext只適用于ie瀏覽器，因此，盡可能地去使用innerhtml，而少用innertext，如果要輸出不含html標(biāo)簽的內(nèi)容，可以使用innerhtml取得包含html標(biāo)簽的內(nèi)容后，再用正則表達(dá)式去除html標(biāo)簽，下面是一個(gè)簡單的符合w3c標(biāo)準(zhǔn)的示例：
無html,符合w3c標(biāo)準(zhǔn)