JavaScript获取节点的文本值
来源:程序员人生 发布时间:2014-01-22 18:23:56 阅读次数:3295次
我们知道通过浏览器自带的innerHTML属性能够获取节点的所包含的字符串的值,比如有如下节点:
<div id="test"><strong>i'm strong</strong></div>
通过
var obj=document.getElementById("test");
alert(obj.innerHTML);//返回的值是<strong>i'm strong</strong>
如果我想得到节点的文本值,也就不包括标签以为的字符串,怎么办呢。这里的文本值是:i'm strong
//非Mozilla浏览器:
obj.innerText;
//其他的浏览器
obj.firstChild.nodeValue;
先提供一个通用的方法来解决兼容问题:
完整代码如下:
<html>
<head>
<title>JavaScript获取节点的文本值-liehuo.net</title>
</head>
<body>
<div id="test"><strong>i'm strong</strong></div>
<script type="text/javascript"> var obj=document.getElementById("test");
//兼容浏览器获取节点文本的方法
function text(e) { var t="";
//如果传入的是元素,则继续遍历其子元素
//否则假定它是一个数组
e=e.childNodes||e;
//遍历所有子节点
for(var j=0;j<e.length;j++){
//如果不是元素,追加其文本值
//否则,递归遍历所有元素的子节点
t+=e[j].nodeType!=1? e[j].nodeValue:text(e[j].childNodes); }
//返回区配的文本
return t; } alert(text(obj))
</script>
</body>
</html>
来自:http://www.cnblogs.com/wbkt2t/
生活不易,码农辛苦
如果您觉得本网站对您的学习有所帮助,可以手机扫描二维码进行捐赠