是否有可能使用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