Заменить текст, но сохранить ссылки в сценариях контента для расширения google chrome

Question

Я пытаюсь заменить слова на google chrome, но столкнулся с проблемой. Я могу успешно заменить определенные слова, но он убивает связанные html-ссылки.

Как сохранить ссылки в реальном времени и по-прежнему заменить текст?

Это код в моем сценарии контента расширения хрома:

wordDict = {"the":"piano","and":"Hello", "a":"huh?"}; 

for (word in wordDict) { 
    document.body.innerHTML = document.body.innerHTML.replace(
     new RegExp('\\b' + word + '\\b',"gi"), wordDict[word] 
    ); 
}; 

Answer 1

Хорошо! Через 2 недели я наконец решил проблему. То, что игнорировалось, было дочерними блоками внутри DOM. Код, который я использую ниже, эффективно обрабатывает дочерние элементы и поддерживает исходный внешний вид скрипта!

function replaceText(jsonArr) { 
$("body *").textFinder(function() { 
    for (var key in jsonArr) { 
     var matcher = new RegExp('\\b' + key + '\\b', "gi"); 
     this.data = this.data.replace(matcher, jsonArr[key]); 
    } 
}); 
} 

// jQuery plugin to find and replace text 
jQuery.fn.textFinder = function(fn) { 
this.contents().each(scan); 
// callback function to scan through the child nodes recursively 
function scan() { 
    var node = this.nodeName.toLowerCase(); 
    if(node === '#text') { 
     fn.call(this); 
    } else if(this.nodeType === 1 && this.childNodes && this.childNodes[0] && node !== 'script' && node !== 'textarea') { 
     $(this).contents().each(scan); 
    } 
} 
return this; 
}; 

Answer 2

Я не эксперт по регулярным выражениям выражений, так что это решение, чтобы найти одну гиперссылки на странице, которая содержит одно слово и заменить это другим.

for(var i = 0, l=document.links.length; i<l; i++) { 
    if(document.links[i].innerText == "Word"){ 
    document.links[i].innerText = "Other Word"; 
    } 
} 

С этим вы можете избежать регулярного выражения, но вам все равно придется зацикливать ваш объект слов.

В другой руке, поскольку вы сказали, что у вас загружено jQuery, это решение jQuery делает то, что вы намеревались, оно просматривает все теги для слов и заменяет их.

jQuery.each(wordDict , function(key, value) { 
    jQuery("a").each(function(){ 
    if(jQuery(this).text().match(key)) jQuery(this).text(value); 
    }); 
}); 

Первый JQuery каждые петли объект строки, а второй каждый петлю через всю бирку на странице, если есть совпадение, что изменяет текст элемента по значению на объекте.