HOME
BBS
深山帮帮欢迎您,您可以注册或者
qq登录只需一步,快速开始
深山旅行社网站管理系统开发完成,欢迎各位网友测试! 点这里测试
565449214 给站长留言
订阅本栏目 RSS您所在的位置: 深山工作室 > java学习 > 正文

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

网络 2009-9-2 16:27:36 深山行者 字体:  浏览 6624 我要评论

用法:

<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>

完整示例:

以下为详细代码
Ads loading...
相关阅读
( 2014-9-11 20:43:31 )用javscript实现为表格的每一行自动加上序号
( 2012-7-10 16:27:17 )利用JavaScript获取现在时间日期与农历
( 2011-7-16 8:56:21 )做在线客服时,聊天窗口的div滚动条始终在底部
( 2011-2-9 16:02:02 )innerHTML动态改变ID的CSS样式表
( 2011-1-28 9:21:05 )利用javascript做的页内(详细页)搜索功能并将结果高亮突出显示
( 2011-1-27 15:56:13 )javascript编写的网页版的打字测试程序
( 2011-1-14 17:03:42 )javascript取汉字拼音首字母缩写程序
( 2010-12-8 23:20:51 )深山行者留言系统V3.0 发布
共有0条关于《js中innerHTML,innerText,outerHTML的用法与区别》的评论
发表评论
正在加载评论……
返回顶部发表评论
呢 称:
表 情:
内 容:
评论内容:不能超过 400 字,需审核,请自觉遵守互联网相关政策法规。
验证码: 验证码 
深山工作室网友评论声明,请自觉遵守互联网相关政策法规。

您发布的评论即表示同意遵守以下条款:
一、不得利用本站危害国家安全、泄露国家秘密,不得侵犯国家、社会、集体和公民的合法权益;
二、不得发布国家法律、法规明令禁止的内容;互相尊重,对自己在本站的言论和行为负责;
三、本站对您所发布内容拥有处置权。

Ads loading...
更多信息>>栏目类别选择
rss学习
个人空间
网站设计
网站公告
下载
photoshop学习
ASP学习
DIV+CSS学习
SEO搜索引擎忧化
java学习
HTML学习
网站信息
网站类信息
更多>>同类信息
介绍JavaScript里比较和逻辑运算符
window.location.href在firefox火狐中不兼容的解决办法
javascript 表单(文本框)触发鼠标事件大全
javascript里confirm在外部文件中调用方法
[转]javascript缓冲效果
Javascript JS 限制复选框的选择个数
在网页添加创建快捷方式的按钮
以前的QQ强聊不管了,这个是非常管用的QQ强聊
Ads loading...
更多>>最新添加文章
批量删除access字段里面fld.Properties.Delete
ASP操作access或sqlserver数据库的函数库
asp采用access数据库搜索信息时因为日文片假名问题提示“Microsoft JET Database Engine 错误80040e14”的解决方法
asp中求两个数的百分比(利用百分比函数FormatPercent就可以自带%的符号)
asp利用sql操作数据表、数据库的一些方法
rs操作数据表记录集对象的方法
asp利用dateadd获得上个月、本月、下个月的第一天和最后一天
asp随机显示字符长度与类型(可随机显示数字、小写字母、大写字母,可以做为随机密码使用)
  • 业务 QQ:565449214
  • 手机:139 6134 7334
更多>>随机抽取信息
相册列表显示模式
用javscript实现为表格的每一行自动加上序号
网站页面设计中的Css十大注意
留言动态显示图片
苏欧装饰
从空格谈起--关于CSS模块化设计
JS压缩
连云港天天美食网
Ads loading...