Tìm tất cả các nút văn bản trong trang HTML

Question

thể trùng lặp:
getElementsByTagName() equivalent for textNodes

Đối this question tôi cần phải tìm tất cả các nút văn bản dưới một nút cụ thể. Tôi thể làm điều này như sau:

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

Tuy nhiên, điều này dường như không thanh nha trong ánh sáng của sự thật rằng với XPath một cách đơn giản có thể truy vấn cho .//text() và được thực hiện với nó.

Cách đơn giản nhất để nhận tất cả các nút văn bản trong một phần tử cụ thể trong tài liệu HTML, hoạt động trên IE9 +, Safari5 +, Chrome19 +, Firefox12 +, Opera11 + là gì?

"Đơn giản nhất" được định nghĩa lỏng lẻo là "hiệu quả và ngắn, không chơi gôn".

Answer 1

Dựa trên câu trả lời @ Kennebec, một thực hiện một chút chặt chẽ hơn của cùng một logic:

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

Tuy nhiên, cho đến nay nhanh hơn, chặt chẽ hơn, và tao nhã hơn là sử dụng createTreeWalker để các trình duyệt lọc ra mọi thứ trừ các nút văn bản cho bạn:

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

Câu hỏi mới nhất

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.

 Các vấn đề liên quan

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.