innerHTML:可获取或设置指定元素标签内的 html 内容,从该元素的起始标签到结束标签之间全部内容(包含html标签)。
innerText:可获取或设置指定元素标签内的文本值,从该元素的起始标签到结束标签之间的全部文本内容(不包含html标签)。
outerHTML:除了包含 innerHTML 的全部内容外, 还包含元素标签本身。
例如:
<div>
<span>文本1</span>文本2
</div>
- div 元素的 innerHTML 值是:<span>文本1</span>文本2
- div 元素的 innerText 值是:文本1 文本2
- div 元素的 outerHTML 值是:<div><span>文本1</span>文本2</div>