javascriptinnerHTML、outerHTML、innerText、outerText的區別_javascript技巧

來源：懂視網責編：小采時間：2020-11-27 20:40:48

javascriptinnerHTML、outerHTML、innerText、outerText的區別_javascript技巧

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

推薦度：

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

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

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

 
 
Demo

3、不同之處:
簡單的說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標準的示例：