当前位置:编程学习 > html/css >>

innerhtml和innertext用法以及innerHTML与innertext的区别

innerhtml用法 innertext用法 以及innerHTML与innertext的区别,看完这个大家以后在实际应用中,就可以选择合适的方法。尽可能的考虑到兼容性。
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> 
完整示例: 
  <pre name="code" class="java"><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>

 

<a href="javascript:alert(test.outerHTML)">outerHTML内容</a> </pre>  
特别说明: 
  innerHTML是符合W3C标准的属性,而innerText只适用于IE浏览器,因此,尽可能地去使用innerHTML,而少用innerText,如果要输出不含HTML标签的内容,可以使用innerHTML取得包含HTML标签的内容后,再用正则表达式去除HTML标签,下面是一个简单的符合W3C标准的示例: 
<a href="javascript:alert(document.getElementById('test').innerHTML.replace(/<.+?>/gim,''))">无HTML,符合W3C标准</a> 
  <html> <head></head> <frameset frameborder="yes" frameborder="1" rows="40%,*"> <frame name="top" src="1.html"> <frame name="bottom" src="2.html"> </frameset> </html> <html> <head> <script language="javascript"> function init() { var aaa = parent.window.frames[0].document.body.innerHTML; alert(aaa); } </script> </head> <body> <p align="center">nothing</p> <p align="center"><input type="button" onclick="init()"; value="click"></p> </body> </html>

 

 
补充:web前端 , HTML/CSS  ,

上一个:DIV+CSS圆角边框
下一个:flex动态加载swf皮肤

更多html/css疑问解答:
div+css中关于ie浏览器中非啊元素的:hover的实现问题,哪位大神指点下啊
css jquery代码中为什么宽度这样设定.menu li ul 150px;.menu li ul a 110px;.menu li a中padding的20px
css 属性选择器 ie6 不支持吗?
用css、jquery做的选项卡效果,有一个小疑问,请高手指点,代码如下:
介绍本学习css的书
wordpress多个CSS样式怎么调用?
这个div 的css是如何编写的
div+css中,div的右边框小于div的高度且居中,除了用背景图片,如何实现?
表格立体感用CSS怎么写 我要 具体代码 写仔细 分段的 谢谢 了 兄弟 还有 下拉列表框 立体感用CSS 怎么写
CSS 在一个大的DIV里面,另一个DIV怎么居中并置底。
dw中html文档为什么无法链接css文档
设计一个小例子说明DIV+CSS的优势(例子要解释并注释)。
我会html css目前正在学js,打算在大三的寒假找个实习,请问应该找哪方面的实习?
css问题,跪求大大帮忙
请教网页设计高手,如下图的这种css代码怎么写?
asp
php
Delphi
Matlab
JSP
Foxpro
JS
C/C++
C#/ASP.NET
VC++
JAVA
VB
汇编语言
html/css
CGI
XML/UML
wap
网站相关
网页素材
python
微信小程序
thinkphp
如果你遇到编程学习难题:
访问www.zzzyk.com 试试
CopyRight © 2022 站长资源库 编程知识问答 zzzyk.com All Rights Reserved
部分文章来自网络,