innerHTML 输出当前标签的文本内容，如果标签内有子标签，会连子标签本身和子标签内的文本内容一起输出。
#outer输出子标签本身和子标签的内容：<span id="inter">text</span>
#inter输出当前标签内容：text
innerText 只输出当前标签内的文本内容，如果标签内有子标签，那么也只输出子标签内的文本内容。
#outer输出当前标签和子标签的内容：text
#inter输出当前标签内容：text
outerHTML 输出当前标签的本身和标签内的文本内容，如果有子标签，那么子标签本身和标签内的文本内容也将一起输出。
#outer输出当前标签和子标签的标签本身和内容：<span id="outer"><span id="inter">text</span></span>
#inter输出子标签的标签本身和内容：<span id="inter">text</span>
结合<span id="outer"><span id="inter">text</span></span>这段结构，谈谈innerHTML、outerHTML、innerText之间的区别
原文：https://www.cnblogs.com/wuqilang/p/11204643.html