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