书:"Pro JavaScript Techniques 精通JavaScript"之取得元素文本内容的通用函数

最新推荐文章于 2025-12-05 08:37:05 发布

最新推荐文章于 2025-12-05 08:37:05 发布 · 94 阅读

文章标签：

#javascript #ViewUI

本文介绍了一个JavaScript函数，该函数可以递归地从HTML元素或其子元素中提取纯文本内容。通过使用此函数，开发者能够轻松地获取指定HTML元素内的所有文本信息。

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

//例:获取<p> 元素的文本内容
text(pElem);