javascriptを使用して特定のタグからHTML文書のすべてのtextNodesを取得するにはどうすればよいですか？

Question

xpathやtreewalkerを使用せずに、特定のタグのグループからすべてのtextNodesを取得するには、「blockquote、em、h4、h6、p」と言ってください（IEではxpath & treewalkerを使用できません）。助けてください...スクリプトがIEだけの場合、その大丈夫です。

Answer 1

以下は、あなたにマッチする要素内に含まれているすべてのテキストノードを取得します：

function getTextNodes(root, tagNamesArray) { 
    var textNodes = []; 
    var regex = new RegExp("^(" + tagNamesArray.join("|") + ")$", "i"); 
    var insideMatchingElement = false; 

    function getNodes(node, insideMatchingElement) { 
     if (node.nodeType == 3 && insideMatchingElement) { 
      textNodes.push(node); 
     } else if (node.nodeType == 1) { 
      var childrenInsideMatchingElement = insideMatchingElement || regex.test(node.nodeName); 
      for (var child = node.firstChild; child; child = child.nextSibling) { 
       getNodes(child, childrenInsideMatchingElement); 
      } 
     } 
    } 

    getNodes(root); 
    return textNodes; 
} 

var textNodes = getTextNodes(document.body, ["blockquote","em","h4","h6","p"]); 

Answer 2

使用jQueryの

$('blockquote,em,h4,h6,p').each(function(i, v) { alert(v); }) 

UPDATE、要素のテキストを取得する

$('blockquote,em,h4,h6,p').each(function(i, v) { alert(v.text()); })