innerHTML和innerText怎么区分
怎么 区分 innerHTML
2023-09-14 09:12:30 时间
示例代码:
<div id="test">
<span style="color:red">test1</span> test2
</div>
<a
href="javascript:alert(test.innerHTML)">innerHTML内容</a>
<a
href="javascript:alert(test.innerText)">inerHTML内容</a>
共同点:innerHTML和innerText都会把元素内内容替换掉。
不同点:
1,innerHTML:
也就是从对象的起始位置到终止位置的全部内容,包括Html标签。
上例中的test.innerHTML的值也就是“<span style="color:red">test1</span>
test2 ”。
2,innerText:
从起始位置到终止位置的内容, 但它去除Html标签
上例中的text.innerTest的值也就是“test1 test2”, 其中span标签去除了。
值得注意的是,innerHTML是符合W3C标准的属性,而innerText只适用于IE浏览器,因此,尽可能地去使用innerHTML,而少用innerText,如果要输出不含HTML标签的内容,可以使用innerHTML取得包含HTML标签的内容后,再用正则表达式去除HTML标签。
innerHTML和innerText都会把元素内内容替换掉。 区别在于: innerHTML 会把替换内容里的 HTML 标记解释执行。 innerText 会把替换内容里的 HTML 标记原样输出而不执行。 例如有如下代码: var content = "<b>这是对innerHTML和innerText的测试</b>" ; // 假设 e 为网页内某元素 e.innerHTML = content ; // 显示结果为粗体的 这是对innerHTML和innerText的测试 e.innerText = content ; // 显示结果为 <b>这是对innerHTML和innerText的测试</b>
相关文章
- 电阻和电容的识别_电容电阻怎么区分
- ipset iptables_怎么把黑名单变白名单
- 提升DAU,数据分析要怎么做?
- 五笔结构与识别码_五笔打字识别码怎么区分
- axure实现点击按钮显示界面_axure哪些可点击怎么区分
- 怎么用vscode创建工程
- SMT包工包料_怎么区分电容电阻电感
- Adobe Illustrator物品3d效果怎么设计+安装获取
- 拿到设备怎么区分是否为三层交换机?
- 不懂Java SPI机制,怎么进大厂
- JS系列2-怎么把一个对象当做数组使用
- 一文读懂,SSL证书怎么做验证?
- 如何在Linux中修改IP地址(怎么修改linux的ip)
- 新手指南:MySQL创建数据库实践(mysql怎么新建数据库)
- 查询Oracle中表的基本步骤(oracle怎么查询表)
- 怎么用智能电视看奥运会?简单三步骤教程来了!
- Oracle版本查询方法汇总(oracle怎么看版本)
- 如何使用Oracle授予权限(oracle 怎么授权)
- 掌握Redis运行方式查看Redis日志(怎么看redis日志)
- 如何配置Oracle 12c数据库(oracle12怎么配置)