javascriptinnerHTML、outerHTML、innerText、outerText的區(qū)別_javascript技巧

來源：懂視網(wǎng) 責(zé)編：小采時間：2020-11-27 20:40:48

javascriptinnerHTML、outerHTML、innerText、outerText的區(qū)別_javascript技巧

javascriptinnerHTML、outerHTML、innerText、outerText的區(qū)別_javascript技巧:1、功能講解: innerHTML 設(shè)置或獲取位于對象起始和結(jié)束標簽內(nèi)的 HTML outerHTML 設(shè)置或獲取對象及其內(nèi)容的 HTML 形式 innerText 設(shè)置或獲取位于對象起始和結(jié)束標簽內(nèi)的文本 outerText 設(shè)置(包括標簽)或獲取(不包括標簽)對象的文本 2、示例

推薦度：

點擊下載本文 文檔為doc格式

導(dǎo)讀javascriptinnerHTML、outerHTML、innerText、outerText的區(qū)別_javascript技巧:1、功能講解: innerHTML 設(shè)置或獲取位于對象起始和結(jié)束標簽內(nèi)的 HTML outerHTML 設(shè)置或獲取對象及其內(nèi)容的 HTML 形式 innerText 設(shè)置或獲取位于對象起始和結(jié)束標簽內(nèi)的文本 outerText 設(shè)置(包括標簽)或獲取(不包括標簽)對象的文本 2、示例

1、功能講解:
innerHTML 設(shè)置或獲取位于對象起始和結(jié)束標簽內(nèi)的 HTML
outerHTML 設(shè)置或獲取對象及其內(nèi)容的 HTML 形式
innerText 設(shè)置或獲取位于對象起始和結(jié)束標簽內(nèi)的文本
outerText 設(shè)置(包括標簽)或獲取(不包括標簽)對象的文本
2、示例

 
 
Demo

3、不同之處:
簡單的說innerHTML和outerHTML、innerText與outerText的不同之處在于：
1）、innerHTML與outerHTML在設(shè)置對象的內(nèi)容時包含的HTML會被解析，而innerText與outerText則不會。
2)、在設(shè)置時，innerHTML與innerText僅設(shè)置標簽內(nèi)的文本，而outerHTML與outerText設(shè)置包括標簽在內(nèi)的文本。

特別說明：
　　innerHTML是符合W3C標準的屬性，而innerText只適用于IE瀏覽器，因此，盡可能地去使用innerHTML，而少用innerText，如果要輸出不含HTML標簽的內(nèi)容，可以使用innerHTML取得包含HTML標簽的內(nèi)容后，再用正則表達式去除HTML標簽，下面是一個簡單的符合W3C標準的示例：