javascript - tablas - Buscar todos los nodos de texto en la página HTML

tablas dinamicas html javascript

Question

Posible duplicado:
getElementsByTagName () equivalente para textNodes

Para esta pregunta , necesitaba encontrar todos los nodos de texto en un nodo en particular. Puedo hacer esto así

function textNodesUnder(root){
var textNodes = [];
addTextNodes(root);
[].forEach.call(root.querySelectorAll(''*''),addTextNodes);
return textNodes;
function addTextNodes(el){
textNodes = textNodes.concat(
[].filter.call(el.childNodes,function(k){
return k.nodeType==Node.TEXT_NODE;
})
);
}
}

Sin embargo, esto parece poco elegante a la luz del hecho de que con XPath uno podría simplemente consultar .//text() y terminar con él.

¿Cuál es la forma más sencilla de obtener todos los nodos de texto bajo un elemento particular en un documento HTML, que funciona en IE9 +, Safari5 +, Chrome19 +, Firefox12 +, Opera11 +?

"Más simple" se define libremente como "eficiente y corto, sin jugar al golf".

Answer 1

Basado en la respuesta de @kennebec, una implementación ligeramente más estricta de la misma lógica:

function textNodesUnder(node){
var all = [];
for (node=node.firstChild;node;node=node.nextSibling){
if (node.nodeType==3) all.push(node);
else all = all.concat(textNodesUnder(node));
}
return all;
}

Sin embargo, mucho más rápido, más estricto y más elegante es usar createTreeWalker para que el navegador filtre todo menos los nodos de texto para usted:

function textNodesUnder(el){
var n, a=[], walk=document.createTreeWalker(el,NodeFilter.SHOW_TEXT,null,false);
while(n=walk.nextNode()) a.push(n);
return a;
}

Answer 2

function deepText(node){
var A= [];
if(node){
node= node.firstChild;
while(node!= null){
if(node.nodeType== 3) A[A.length]=node;
else A= A.concat(deepText(node));
node= node.nextSibling;
}
}
return A;
}