是否有可能使用javascript从HTML文档中获取包含“纯”文本值的所有HTML内容元素？

Question

是否有可能使用javascript从HTML文档中获取包含“纯”文本值的所有HTML内容元素？

例如：

<html>
    <body>
        <div>
            Text1
            <p>
                Text2
            </p>
        </div>
    </body>
</html>

我想获取Text1和Text2。

Answer 1

当然，您可以简单地遍历DOM节点：

function getTextNodes(node) {
    var result = [];
    for(var child = node.firstChild; child; child = child.nextSibling) {
        if(child.nodeType === 3) { // text node
            result.push(child);
        }
        else if(child.nodeType === 1) { // element node
            result = result.concat(getTextNodes(child));
        }
    }
    return result;
}

var textNodes = getTextNodes(document.body);

这是一种递归方法，您也可以先选择所有元素节点，然后再获取其子文本节点。

您可能还希望过滤掉仅包含空格的文本节点。

DEMO

是否有可能使用javascript从HTML文档中获取包含“纯”文本值的所有HTML内容元素？

问题描述

1 个解决方案

解决方案1
4 已采纳 2012-02-27 11:55:34

是否有可能使用javascript从HTML文档中获取包含“纯”文本值的所有HTML内容元素？

问题描述

1 个解决方案

解决方案1 4 已采纳 2012-02-27 11:55:34

解决方案1
4 已采纳 2012-02-27 11:55:34