JavaScript实现innerText浏览器兼容的递归函数
作者:窗边听雨时间:2026-10-27 10:33:35浏览:465
本文介绍了一个用于解决浏览器innerText兼容性的JavaScript函数。该函数通过递归遍历DOM节点,利用nodeType判断节点类型,分别处理文本节点和元素节点,从而兼容不同浏览器获取元素纯文本内容的需求。
JavaScript实现innerText浏览器兼容的递归函数
以下函数接收一个参数,该参数可以是数组或者单个DOM元素,最终返回该元素的纯文本内容。
具体实现代码如下:
function text(e){
var str = "";
//如果传入的是元素,获取它的子元素
//否则,当它是一个数组
e=e.childNodes || e;
for ( var i = 0; i < e.length; i++ ) {
//判断元素类型
//如果是text就获取它的文本,否则,遍历它的子元素
str += e[i].nodeType != 1 ? e[i].nodeValue : text(e[i].childNodes);
}
return str;
} 作者最新文章
anime.js 快速入门:怎么引入库并编写第一个 DOM 动画
2026-11-05 14:22:43
在线JS解密后变量名仍乱码?结合浏览器DevTools调试还原
2026-11-04 20:26:01
怎么在浏览器中运行JavaScript代码并查看输出结果
2026-11-04 09:07:33
JS 获取屏幕分辨率:window.screen.width 与 height 用法
2026-11-04 08:52:48
为什么推荐用DOMContentLoaded代替window.onload初始化JS
2026-11-04 08:42:33
