javascript - 如何使用 javascript 从特定标签获取 HTML 文档中的所有文本节点？

Question

如何在不使用 xpath 或 treewalker(IE 不允许您使用 xpath 和 treewalker)的情况下从一组特定标签中获取所有文本节点，例如“blockquote,em,h4,h6,p”请帮助我...如果脚本仅适用于 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"]);