javascript를 사용하여 특정 태그에서 HTML 문서의 모든 textNodes를 가져 오는 방법은 무엇입니까?

Question

특정 태그 그룹에서 모든 textNodes를 얻는 방법은 xpath 또는 treewalker를 사용하지 않고 단일 배열에서 "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()); })