国内最全IT社区平台 联系我们 | 收藏本站
华晨云阿里云优惠2
您当前位置:首页 > web前端 > jscript > JavaScript获取节点的文本值

JavaScript获取节点的文本值

来源:程序员人生   发布时间:2014-01-22 18:23:56 阅读次数:3320次

我们知道通过浏览器自带的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/

生活不易,码农辛苦
如果您觉得本网站对您的学习有所帮助,可以手机扫描二维码进行捐赠
程序员人生
------分隔线----------------------------
分享到:
------分隔线----------------------------
关闭
程序员人生