value，innerHTML，innerText，outerHTML，outerText之間的區(qū)別

2024-04-27 15:14:46

字體：大中小

供稿：網(wǎng)友

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)的文本。

3)、value的話，value屬性設(shè)置或者是返回文本域的值。

特別說明：　　innerHTML是符合W3C標(biāo)準(zhǔn)的屬性，而innerText、outerText、outerHTML只適用于IE瀏覽器，因此，盡可能地去使用innerHTML，而少用innerText，如果要輸出不含HTML標(biāo)簽的內(nèi)容，可以使用innerHTML取得包含HTML標(biāo)簽的內(nèi)容后，再用正則表達(dá)式去除HTML標(biāo)簽，下面是一個簡單的符合W3C標(biāo)準(zhǔn)的示例： <a href="javascr詳細(xì)出處參考：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>

上一篇：Web服務(wù)器、應(yīng)用程序服務(wù)器、HTTP服務(wù)器區(qū)別

下一篇：jsonp 的原理和使用