订阅本栏目 RSS您所在的位置: 深山工作室 > 页面特效 > 正文

js中innerHTML,innerText,outerHTML的用法与区别

网络 2009/9/2 16:27:36 深山行者 字体: 浏览 9390

用法:

<div id="test">
     <span style="color:red">test1</span> test2
</div>

在JS中可以使用:

test.innerHTML:
  也就是从对象的起始位置到终止位置的全部内容,包括Html标签。
  上例中的test.innerHTML的值也就是“<span style="color:red">test1</span> test2 ”。

test.innerText:
  从起始位置到终止位置的内容, 但它去除Html标签
  上例中的text.innerTest的值也就是“test1 test2”, 其中span标签去除了。
test.outerHTML:
  除了包含innerHTML的全部内容外, 还包含对象标签本身。
  上例中的text.outerHTML的值也就是<div id="test"><span style="color:red">test1</span> test2</div>

特别说明:
  innerHTML是符合W3C标准的属性,而innerText只适用于IE浏览器,因此,尽可能地去使 用innerHTML,而少用innerText,如果要输出不含HTML标签的内容,可以使用innerHTML取得包含HTML标签的内容后,再用正 则表达式去除HTML标签,下面是一个简单的符合W3C标准的示例:

<a href="javascript:alert(document.getElementById('test').innerHTML.replace(/<.+?>/gim,''))">无HTML,符合W3C标准</a>

完整示例:

以下为详细代码
相关阅读
js兼容多个浏览器右下角漂浮广告
要想创业成功必读的 36 条铁律
本站出现验证码问题
格式化金钱如果为0增加两个小数点
CSS语法在DW中无效的解决方法
ASP链接地址栏参数的加密
一个非常实用的当你在关闭任何窗口时都作出提示[推荐]
ASP.NET中Cookie编程的基础知识
更多信息>>栏目类别选择
百度小程序开发
微信小程序开发
微信公众号开发
uni-app
asp函数库
ASP
DIV+CSS
HTML
python
更多>>同类信息
jquery下拉到某个固定位置然后某些元素发生改变样式状态
canvas绘制的文字如何换行
兼容pc、移动端用js实现复制内容到剪切板(支持苹果safari浏览器)
js兼容多个浏览器右下角漂浮广告
兼容ie6+和火狐的禁止右键
做在线客服时,聊天窗口的div滚动条始终在底部
更多>>最新添加文章
dw里面查找替换使用正则删除sqlserver里面的CONSTRAINT
Android移动端自动化测试:使用UIAutomatorViewer与Selenium定位元素
抖音直播音挂载小雪花 懂车帝小程序
javascript获取浏览器指纹可以用来做投票
火狐Mozilla Firefox出现:无法载入您的Firefox配置文件 它可能已经丢失 或是无法访问 问题解决集合处理办法
在Android、iOS、Windows、MacOS中微信小程序的文件存放路径
python通过代码修改pip下载源让下载库飞起
python里面requests.post返回的res.text还有其它的吗
更多>>随机抽取信息
asp截取字符串:根据右边第一个点(.)去掉扩展名
利用fso判断文件是否存在
rs操作数据表记录集对象的方法
利用css中的scale()实现放大缩小效果
利用ASP正则提取文章里面的图片的有效的src地址
初学ASP动态网页制作常用错误处理