在整个DOM中查找和替换文本

Question

我正在做一个chrome扩展程序，以查找DOM中的文本（如果是文本）并将其替换为其他字符串。 明智地遍历整个DOM元素并替换DOM中的文本的最佳方法是什么。 我想到将document.body放在变量中，然后将其作为队列处理，但是我对如何执行此操作感到困惑，这是我的代码：

flag = true;

var word = 'word',//word to replace
  queue = [document.body],
  curr;
try {
  while ((curr = queue.pop()) || flag) {
    if (!(curr.textContent.match(word))
      continue;
    for (var i = 0; i < curr.childNodes.length; ++i) {
      if (!flag) break;
      switch (curr.childNodes[i].nodeType) {
        case Node.TEXT_NODE: // 3
          if (curr.childNodes[i].textContent.match(word)) {
            curr.childNodes[i].textContent("xxx");//replacing the word
            console.log('Found!');
            flag = false;
            break;
          }
          break;
        case Node.ELEMENT_NODE: // 1
          queue.push(curr.childNodes[i]);
          break;
      }
    }
  }

} catch (e) {
  //
}

Answer 1

你可以做到我认为

function replaceAll(recherche, remplacement, chaineAModifier)
{
   return chaineAModifier.split(recherche).join(remplacement);
}
str = $('body').html()
replaceAll(search_word,replacement,str)
$('body').html(str)

但这将替换所有内容，包括html节点的属性和名称