innerHTML,innerText,outHTML,outText區別

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

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