outHtml,innerHtml,innerText

关键字: dom，html

innerHtml，outerHtml，innerText这些都是相对于某个标签的id而言的，以下代码是可以直接运行看到区别的：

 

<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);"> 

从网上找到一张图片可以说明一些问题：

其中这些都是以id="testdiv"的div来定位的。