JS中innerHTML与innerText的区别

一、innerHTML与innerText的相同点

两者都为标签对象的属性,是属性就有属性值
对属性值有两种操作,读取属性值和修改属性值

二、innerHTML与innerText的不同点

在于读取和修改的属性值不同

  • innerHTML:获取或设置元素内部HTML代码(包括文本内容)
  • innerText:获取或设置元素内部文本内容

举例说明:
如图所示:
在这里插入图片描述
分别用两者获取属性值
ul.innerHTML :输出

<li>上海</li>
<li>东京</li>

ul.innerText:输出

上海
东京

用两者设置属性值

  • innerText主要是设置文本的,甚至标签内容,是没有标签的效果的。

  • innerHTML主要的作用是在标签中设置新的heml标签内容,是有标签效果的

参考博客
地址

发布了198 篇原创文章 · 获赞 94 · 访问量 9万+

猜你喜欢

转载自blog.csdn.net/shang_0122/article/details/104730287
今日推荐