innertext和innerhtml的使用和区别

innertext和innerhtml的使用和区别

1、js中innerHTML的用法bai：

innerHTML可获取或设置指定元素标签内的du html内容，从该元素标签的起始位置zhi到终止位dao置的全部内容(包含html标签)。

获取元素的内容：element[xss_clean];

给元素设置内容：element[xss_clean] =htmlString;

代码示例为：

<p id="test"><font color="#000">获取段落p的 innerHTML</font></p>

document.getElementById("test")[xss_clean]

输出内容为:<font color="#000">获取段落p的 innerHTML</font>

2、js中innerText的用法：

innerText可获取或设置指定元素标签内的文本值，从该元素标签的起始位置到终止位置的全部文本内容(不包含html标签)。

获取元素的内容：element.innerText;给元素设置内容：element.innerText = string;

代码示例为：

<p id="test"><font color="#000">获取段落p的 innerHTML</font>测试测试</p>

document.getElementById("test")[xss_clean]

输出内容为:获取段落p的 innerHTML试测试

3、innerHTML和innerText区别：

innerHTML返回的是标签内的 html内容，包含html标签。

innerText返回的是标签内的文本值，不包含html标签。

代码示例为：

<p id="test"><font color="#000">获取段落p</font>测试</p>

document.getElementById("test")[xss_clean]

输出内容为：<font color="#000">获取段落p</font>测试

document.getElementById("test").innerText

输出内容为：获取段落p测试

本文地址：百科问答频道 https://www.neebe.cn/wenda/935422.html，易企推百科一个免费的知识分享平台，本站部分文章来网络分享，本着互联网分享的精神，如有涉及到您的权益，请联系我们删除，谢谢！