<p><div id="div" style="background-color:#ff9966;border:1px #ff0000 dashed;"><span>這是一個層</span></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);">
<script language="javascript">
function changeb(obj)
{
 obj.outerHTML = "<input type='text' value='設置對象內的HTML，包括標簽' style='width:200px;'></input>"
}
function changea(obj)
{
 obj.innerHTML = "<b>設置對象內的HTML</b>"
}
</script>
<br><br>
innerHTML獲取標簽內的HTML<br>
outerHTML獲取標簽及標簽內的HTML<br>
innerTEXT和outerTEXT都是獲取標簽內的文本，相同。<br>
<br><br>
<div id="div1" style="background-color:#ff9966;border:1px #ff0000 dashed;">這是一個層</div>
<br>
<input name="innerHTML1" value="innerHTML" type="button" OnClick="changea(div1)">
<input name="outerHTML1" value="outerHTML" type="button" OnClick="changeb(div1)">
<input name="innerText1" value="innerText" type="button" OnClick="div1.innerText='使用innerText替換文本'">
<input name="outerText1" value="outerText" type="button" OnClick="div1.outerText='使用outerText會連帶標簽一起替換成目標文本，層也替換掉了'">
<br>
<p>
innerHTML設置標簽內的HTML<br>
outerHTML設置標簽及標簽內的HTML<br>
innerTEXT設置簽內的文本<br>
innerTEXT設置簽內的文本，包括標簽一起替換。<br>
</p>

innerHTML 設置或獲取位于對象起始和結束標簽內的 HTML <br>
outerHTML 設置或獲取對象及其內容的 HTML 形式 <br>
innerText 設置或獲取位于對象起始和結束標簽內的文本 <br>
outerText 設置(包括標簽)或獲取(不包括標簽)對象的文本 <br><br>