value，innerHTML，innerText，outerHTML，outerText之间的区别

2024-04-27 15:14:46

字体：大中小

来源：转载

供稿：网友

1）、innerHTML与outerHTML在设置对象的内容时包含的HTML会被解析，而innerText与outerText则不会。

2)、在设置时，innerHTML与innerText仅设置标签内的文本，而outerHTML与outerText设置包括标签在内的文本。

3)、value的话，value属性设置或者是返回文本域的值。

特别说明：　　innerHTML是符合W3C标准的属性，而innerText、outerText、outerHTML只适用于IE浏览器，因此，尽可能地去使用innerHTML，而少用innerText，如果要输出不含HTML标签的内容，可以使用innerHTML取得包含HTML标签的内容后，再用正则表达式去除HTML标签，下面是一个简单的符合W3C标准的示例： <a href="javascript:alert(document.getElementById('test').innerHTML.replace(/<.+?>/gim,''))">无HTML,符合W3C标准</a> 详细出处参考：http://jhxk.javaeye.com/blog/353309代码练习：(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服务器、应用程序服务器、HTTP服务器区别

下一篇：jsonp 的原理和使用

学习交流

硬盘分区如何设置准确的分区空间

硬盘分区如何设置准确的分区空间...

热门图片

猜你喜欢的新闻

猜你喜欢的关注