innerHTML、outerHTML、innerText、outerText的区别

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

1innerHTML 解释
返回结果:
<input name="button" value="Button" type="button"><font color="green"><h2>This is a DIV!</h2></font>

innerHTML指标签开始与结束之间的所有HTML文本, //不包括标签自身


1outerHTML 解释
IE返回结果:
<div id="div"><input name="button" value="Button" type="button"><font color="green"><h2>This is a DIV!</h2></font></div>

outerHTML指标签开始与结束之间的所有HTML文本, //包括标签自身

3 innerText
指标签开始与结束之间的不含HTML的文本,
IE返回结果:
This is a DIV!

3 outerText
指标签开始与结束之间的不含HTML的文本,
IE返回结果:
This is a DIV!
innerText,outerText区别没发现,请知道的人讲解