JavaScript 中innerText innerHtml outerText outerHtml 的区别

很久以前都经常使用过 innerText、innerHtml 这两种方法，一种是获得或设置元素的文本部分，一种是获得或设置元素的HTML部分。

也用到过outerHtml 但并不知道它是什么意思，最近项目又使用到这个方法，在网上搜了搜，了解了一下，做个笔记

• innerText: 获得或设置元素的文本部分
• innerHtml:  获得或设置元素的HTML部分
• outerText: 获得或设置元素的文本部分，其中包括标签
• outerHtml: 获得或设置元素的所部分

据了解innerText和outerText在获取时是相同效果，但在设置时，innerText仅设置标签内的文本，而outerText设置包括标签在内的文本。