一、innerHTML与innerText的相同点
两者都为标签对象的属性,是属性就有属性值
对属性值有两种操作,读取属性值和修改属性值
二、innerHTML与innerText的不同点
在于读取和修改的属性值不同
- innerHTML:获取或设置元素内部HTML代码(包括文本内容)
- innerText:获取或设置元素内部文本内容
举例说明:
如图所示:
分别用两者获取属性值
ul.innerHTML :输出
<li>上海</li>
<li>东京</li>
ul.innerText:输出
上海
东京
用两者设置属性值
-
innerText主要是设置文本的,甚至标签内容,是没有标签的效果的。
-
innerHTML主要的作用是在标签中设置新的heml标签内容,是有标签效果的
参考博客
地址