Javascript替换innerText而不是它的属性

Question

如何使用 Javascript 有选择地替换下面文本中名为 Rindan 的单词，但如果它在某些属性中，例如 img alt=="Rindan" 我想替换作为内部文本的单词 Rindans 而不是如果它在属性中.

`"<a href="http://edition.cnn.com/video/?hpt=hp_t1#/video/bestoftv/2012/02/28/ac-marie-rindan-family-syria.cnn">Rindan's family on her legacy</a> &nbsp;<a href="http://edition.cnn.com/video/?hpt=hp_t1#/video/bestoftv/2012/02/28/ac-marie-Rindan-family-syria.cnn" target=""><img alt="Rindan's family on her legacy" border="0" class="cnnVideoIcon" height="10" src="http://i.cdn.turner.com/cnn/.e/img/3.0/global/icons/video_icon.gif" width="16" /></a>`"

Answer 1

Give the id to a block, get the innerHTML, and use the replace string function:

var get=document.getElementById('test');
var str=get.innerHTML;
document.write(str.replace("Rindan's","TestNAme"));

set this back to innerHTML

see live demo on http://jsfiddle.net/kunalvashist/CeeDU/

Answer 2

You can use the function parameter in replace function of string

your_string = your_string.replace(<regexp>,  
     function(matched, index){
        // check matched 
        return replacement;
     }); 
}); 

ref: https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String/replace

Answer 3

this is to replace the text and not the attributes:

var aa = document.getElementsByTagName('a');
for(i=0;i<=aa.length;i++)
{
aa[i].innerText = aa[i].innerText.replace("Rindan","anyone");
}
​

Answer 4

You could loop all children elements of the body tag and do a replace on the innerhtml.

var body_children = document.body.children;
for(var i = 0; i < body_children.length; i++){
   var str = body_children[i].innerHTML
   body_children[i].innerHTML = str.replace("this","with this");
}