innerHTML、outerHTML、innerText、outerText的区别

最新推荐文章于 2022-02-05 09:13:38 发布

yanleigis

最新推荐文章于 2022-02-05 09:13:38 发布

阅读量952

点赞数

分类专栏： html web javascript 文章标签： button input div x86

javascript 同时被 2 个专栏收录

67 篇文章 0 订阅

订阅专栏

html web

40 篇文章 0 订阅

订阅专栏

作者:80x86 日期:2007-05-25

字体大小: 小中大

运行以下代码仔细观看一下结果就知道它们的区别了！

<div id="div"><input name="button" value="Button" type="button"><font color="green"><h2>This is a DIV!</h2></font></div>
<input name="innerHTML" value="innerHTML" type="button" OnClick="alert(div.innerHTML);">
<input name="outerHTML" value="outerHTML" type="button" OnClick="alert(div.outerHTML);">
<input name="innerText" value="innerText" type="button" OnClick="alert(div.innerText);">
<input name="outerText" value="outerText" type="button" OnClick="alert(div.outerText);">

下面转一个哈 http://homepage.yesky.com/65/2356065.shtml
与innerHTML不同，outerHTML包括整个标签，而不仅限于标签内部的内容。对于一个id为"testdiv"的div来说，outerHTML、innerHTML以及innerTEXT三者的区别可以通过下图展示出来：