dom - Using a TreeWalker to retrieve non-Javascript text nodes - Stack Overflow

admin管理员组

文章数量:1328623

This question teaches how to get all TextNodes inside the document, and this is getting me the Javascript texts as well. What is the best way to filter out all the Nodes that are Javascript code?

This question teaches how to get all TextNodes inside the document, and this is getting me the Javascript texts as well. What is the best way to filter out all the Nodes that are Javascript code?

• javascript
• dom
• dhtml
• textnode

Share Improve this question Follow asked May 12, 2016 at 5:35 lvellalvella 13.5k1313 gold badges6161 silver badges121121 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 14

Text inside <script> tags has only one thing in mon: their parent is a <script> element.

if (node.parentNode.nodeName !== 'SCRIPT')

Another approach is to use the filter:

var rejectScriptTextFilter = {
  acceptNode: function(node) {
    if (node.parentNode.nodeName !== 'SCRIPT') {
      return NodeFilter.FILTER_ACCEPT;
    }
  }
};

var walker = document.createTreeWalker(
  document.body, 
  NodeFilter.SHOW_TEXT, 
  rejectScriptTextFilter,
  false
);

var node;
var textNodes = [];

while(node = walker.nextNode()) {
  textNodes.push(node.nodeValue);
}

console.log(textNodes);

<script> var str = "script here"; </script>
<p> text here </p>

You could clone the original document, remove <script> elements at cloned document, then iterate remaining nodes of cloned document

本文标签： domUsing a TreeWalker to retrieve nonJavascript text nodesStack Overflow