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、示例
導讀javascriptinnerHTML、outerHTML、innerText、outerText的區別_javascript技巧:1、功能講解: innerHTML 設置或獲取位于對象起始和結束標簽內的 HTML outerHTML 設置或獲取對象及其內容的 HTML 形式 innerText 設置或獲取位于對象起始和結束標簽內的文本 outerText 設置(包括標簽)或獲取(不包括標簽)對象的文本 2、示例
1、功能講解:
innerHTML 設置或獲取位于對象起始和結束標簽內的 HTML
outerHTML 設置或獲取對象及其內容的 HTML 形式
innerText 設置或獲取位于對象起始和結束標簽內的文本
outerText 設置(包括標簽)或獲取(不包括標簽)對象的文本
2、示例
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標準的示例:
聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
javascriptinnerHTML、outerHTML、innerText、outerText的區別_javascript技巧
javascriptinnerHTML、outerHTML、innerText、outerText的區別_javascript技巧:1、功能講解: innerHTML 設置或獲取位于對象起始和結束標簽內的 HTML outerHTML 設置或獲取對象及其內容的 HTML 形式 innerText 設置或獲取位于對象起始和結束標簽內的文本 outerText 設置(包括標簽)或獲取(不包括標簽)對象的文本 2、示例