--轉(zhuǎn)自http://blog.163.com/yw_0721/blog/static/7164579720102932157759/

簡單的說innerHTML和outerHTML、innerText與outerText的不同之處在于：?

1）、innerHTML與outerHTML在設(shè)置對象的內(nèi)容時包含的HTML會被解析，而innerText與outerText則不會。?
2)、在設(shè)置時，innerHTML與innerText僅設(shè)置標(biāo)簽內(nèi)的文本，而outerHTML與outerText設(shè)置包括標(biāo)簽在內(nèi)的文本。?



特別說明：?
　　innerHTML是符合W3C標(biāo)準(zhǔn)的屬性，而innerText、outerText、outerHTML只適用于IE瀏覽器，因此，盡可能地去使用innerHTML，而少用innerText，如果要輸出不含HTML標(biāo)簽的內(nèi)容，可以使用innerHTML取得包含HTML標(biāo)簽的內(nèi)容后，再用正則表達式去除HTML標(biāo)簽，下面是一個簡單的符合W3C標(biāo)準(zhǔn)的示例：?
<a href="javascript:alert(document.getElementById('test').innerHTML.replace(/<.+?>/gim,''))">無HTML,符合W3C標(biāo)準(zhǔn)</a>?

詳細出處參考：http://jhxk.javaeye.com/blog/353309

代碼練習(xí)：(ie生效，ff中只有innerHTML是對的)
<script type="text/javascript"> function getinnerHTML() { var e=window.document.getElementById("testdiv"); alert(e.innerHTML); //<p>白云</p> } function getouterHTML() { var e=window.document.getElementById("testdiv"); alert(e.outerHTML); //<div id="testdiv"><p>白云</p></div> } function getinnerText() { var e=window.document.getElementById("testdiv"); alert(e.innerText); //白云 } function getouterText() { var e=window.document.getElementById("testdiv"); alert(e.outerText); //白云 } </script> <div id="testdiv"><p>白云</p></div> <p> <input type="button" name="Submit2" value="innerHTML" onClick="getinnerHTML()"> <input type="button" name="Submit" value="outerHTML" onClick="getouterHTML()"> <input type="button" name="Submit2" value="innerHTML" onClick="getinnerText() "> <input type="button" name="Submit2" value="innerHTML" onClick="getouterText()"> </p>
? ? ??

轉(zhuǎn)載于:https://www.cnblogs.com/ghsau/archive/2012/07/18/2768532.html

《新程序員》：云原生和全面數(shù)字化實踐50位技術(shù)專家共同創(chuàng)作，文字、視頻、音頻交互閱讀

總結(jié)

以上是生活随笔為你收集整理的DOM中的outerHTML,innerHTML,outerText,innerText的区别的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。