innerHTML、innerText 和 outerHTML 区别

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>

在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/qq_34082921/article/details/129200410