Question

如何从一组特定标签中获取所有textNodes，在单个数组中使用“blockquote，em，h4，h6，p”，而不使用xpath或treewalker（IE不允许您使用xpath＆amp; treewalker）。 .please帮助我......如果脚本只是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()); })

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

2 个答案: