Найти и заменить текст на прототип

Question

Я новичок в Prototype, и мне было интересно, как просто "найти" некоторый текст в классе / идентификаторе и "заменить" этот текст.

Мой HTML выглядит так:

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

И я пытаюсь заменить «тест» между тегами <a> для первого <a> словом "success", а вторым <a> на "success2". Так бы это выглядело как

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

Есть идеи, как это сделать?

Answer 1

Вот другой подход с использованием 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]);
}

Answer 2

с 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');
    }
}