innerHTML与innerText的用法与辨别[网站编程]
本文“innerHTML与innerText的用法与辨别[网站编程]”是由七道奇为您精心收集，来源于网络转载，文章版权归文章作者所有，本站不对其观点以及内容做任何评价，请读者自行判断，以下是其具体内容：
<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>
完好示例:
<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>
分外阐明:
innerHTML是符合W3C尺度的属性,而 innerText只实用于IE浏览器,因此,尽大概地去利用innerHTML,而罕用innerText,假如要输出不含HTML标签的内容,可以利用innerHTML获得包含HTML标签的内容后,再用正则表达式去除HTML标签,下面是一个简单的符合W3C尺度的示例:
<a href="javascript:alert(document.getElementById('test').innerHTML.replace(/<.+?>/gim,''))">无HTML,符合W3C尺度</a>
innerHtml用法
出自:
http://blog.sina.com.cn/u/49e27dfb010009gh
<html>
<head>
<script>
function Test(){
var str="";
str+="Hello,";
str+="This is a Test!<br />";
str+="I Love you;<br />";
str+="I Love you,too!";
p.innerHTML=str+"<br /><br />"+Math.random();
setTimeout('Test();',1000);
}
</script>
</head>
<body onload=Test();>
<span id="p"></span>
</doby>
</html>
以上是“innerHTML与innerText的用法与辨别[网站编程]”的内容，如果你对以上该文章内容感兴趣，你可以看看七道奇为您推荐以下文章：
| 本文地址： | 与您的QQ/BBS好友分享! |
- 好的评价 如果您觉得此文章好，就请您
0%(0) 
- 差的评价 如果您觉得此文章差，就请您
0%(0) 
中查找“innerHTML与innerText的用法与辨别”更多相关内容
中查找“innerHTML与innerText的用法与辨别”更多相关内容