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

时间:2019-06-14 11:29:32

标签: javascript google-chrome dom google-chrome-extension

我正在做一个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) {
  //
}

1 个答案:

答案 0 :(得分:-1)

我认为您可以做到

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

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