他們的作用分別是：
- innerHTML 設置或獲取位于對象起始和結束標簽內的 HTML
- outerHTML 設置或獲取對象及其內容的 HTML 形式
- innerText 設置或獲取位于對象起始和結束標簽內的文本
- outerText 設置(包括標簽)或獲取(不包括標簽)對象的文本
比較：
- innerHTML與outerHTML在設置對象的內容時包含的HTML會被解析论咏，而innerText與outerText則不會。
- 在設置時颁井，innerHTML與innerText僅設置標簽內的文本厅贪，而outerHTML與outerText設置包括標簽在內的文本。
舉例：
假如頁面里有這樣一個標簽雅宾，<div id="test">測試效果</div>养涮，我們分別執(zhí)行這四種操作的結果是：
//執(zhí)行：innerHTML
test.innerHTML="<i>refined-x.com</i>";
//結果：<div id="test"><i>refined-x.com</i></div>
//執(zhí)行：innerText
test.innerText="<i>refined-x.com</i>";
//結果：<div id="test"><i>refined-x.com</i></div>
//執(zhí)行：outerHTML
test.outerHTML="<i>refined-x.com</i>";
//結果：<i>refined-x.com</i>
//執(zhí)行：outerText
test.outerText="<i>refined-x.com</i>";
//結果："<i>refined-x.com</i>"
