Find and Replace Text with Prototype

Question

I am new to Prototype and was wondering how to simply "find" some text in a class/ID and "replace" this text.

My html is like this:

<div id="test">
  <a href="/test">test</a>
  <a href="/test2">test2</a>
  <a href="/test3">test3</a>
  <a href="/test4">test4</a>
</div>

And I am trying to replace the "test" in between the <a> tags for the first <a> with the word "success" and the second <a> with "success2". So it would look like

<div id="test">
      <a href="/test">Login</a>
      <a href="/test2">Register</a>
      <a href="/test3">Bla</a>
      <a href="/test4">Logout</a>
    </div>

Any ideas how to do this ?

Answer 1

With DOM

var x=document.getElementById("test");
for(var i in x.childNodes){
    if(x.childNodes[i].tagName=='A'){
        x.childNodes[i].innerHTML=x.childNodes[i].innerHTML.replace(/test/,'success');
    }
}

Answer 2

Here is a different approach using getElementsByTagName

var r=[['Login','success'],['Register','donkey'],['Bla','...'],['Logout','Are you sure?']];
var x=document.getElementById("test");
var a=x.getElementsByTagName("a");
for(i in a){
    a[i].innerHTML=a[i].innerHTML.replace(r[i][0],r[i][1]);
}