innerHTML和innerText的区别：

最新推荐文章于 2022-06-05 09:10:03 发布

原创最新推荐文章于 2022-06-05 09:10:03 发布 · 752 阅读

0 ·

CC 4.0 BY-SA版权

html 专栏收录该内容

9 篇文章

订阅专栏

本文详细对比了innerHTML与innerText两个属性的区别。innerHTML返回包含在元素内的HTML文本，包括所有标签及属性；而innerText仅返回纯文本内容。此外还介绍了如何通过JavaScript获取元素的各种属性。

innerHTML和innerText的区别：

<div style="width: 100px;height: 100px;background-color: lightskyblue"id="div1"class="div"title="123">
zzzzzzzz
<a href="#">连接</a>
</div>
<a href=""type="typea"id="a1"title="345"index="1"add="2">百度一下</a>

console.log(div1.innerHTML);

console.log(div1.innerText);

innerHTML会获得当前元素所有的属性操作（div的所有）

innderText只会获得div和a标签里面的类容

var arr=div1.attributes;

是把所有的元素打印出来放在数组里

console.log(div1.style); //样式

console.log(div1.id);//id值

console.log(div1.className);//class值

console.log(div1.title);//title值