innerText和innerHTML的区别和用法
2016-05-13 16:22
302 查看
用法:
1、innerHTML:
也就是从对象的起始位置到终止位置的全部内容,包括Html标签。
2、innerText:
从起始位置到终止位置的内容, 但它去除Html标签
区别:
1.innerHTML是符合W3C标准的属性
2.innerText只适用于IE浏览器
推荐用法:
尽可能地去使用innerHTML,而少用innerText,如果要输出不含HTML标签的内容,可以使用innerHTML取得包HTML标签的内容后,再用正则表达式去除HTML标签,下面是一个简单的符合W3C标准的示例:
<a href="javascript:alert(document.getElementById('test').innerHTML.replace(/<.+?>/gim,''))">去除HTML标签后的文本</a>
1、innerHTML:
也就是从对象的起始位置到终止位置的全部内容,包括Html标签。
2、innerText:
从起始位置到终止位置的内容, 但它去除Html标签
区别:
1.innerHTML是符合W3C标准的属性
2.innerText只适用于IE浏览器
推荐用法:
尽可能地去使用innerHTML,而少用innerText,如果要输出不含HTML标签的内容,可以使用innerHTML取得包HTML标签的内容后,再用正则表达式去除HTML标签,下面是一个简单的符合W3C标准的示例:
<a href="javascript:alert(document.getElementById('test').innerHTML.replace(/<.+?>/gim,''))">去除HTML标签后的文本</a>
相关文章推荐
- html--的几个小点
- 超炫的3D HTML源代码
- dhtmlxTree介绍
- Html.BeginForm与Ajax.BeginForm
- 使用 itext、flying-saucer 实现html转PDF
- 解析 html
- SVG嵌入HTML
- 最好用Html转pdf的工具——wkhtmltopdf
- HTML helloworld
- html 格式化日期
- 关于IE8不支持document.getElementById().innerHTML的问题
- HTML 5 video 标签跨浏览器兼容
- html页面高度不同浏览器兼容性设置
- html submit 登录
- html submit 登录
- html submit 登录
- HTML学习之按钮内容变换
- html的footer置于页面最底部的简单实现方法
- html部分总结
- html 缓存公共数据数据 银行卡校验 身份证校验