Как получить все текстовые узлы в документе HTML от определенных тегов с помощью JavaScript?

Question

Как получить все textNodes из группы определенных тегов, скажем «blockquote, em, h4, h6, p» в одном массиве, без использования xpath или treewalker (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); })

ОБНОВЛЕНИЕ, чтобы получить текст элемента

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