我正在做一个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) {
//
}
答案 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节点的属性和名称