Ersätta en exakt textsträng

Min HTML-kod ser ut så här:

<div id="divId1">
   <h1>
      <a href="http://webforum.nu/" title="webForum">webForum</a>
   </h1>
...

Nu skulle jag med hjälp av Javascript vilja ersätta länken med en textsträng t ex "foo". Hur gör jag detta? Länken ovan ser alltså ALLTID EXAKT ut så där.

Jag har försökt leta mig fram med getElementsByTagName etc men jag lyckas verkligen inte, finns det ett lättare sätt? :x

document.getElementById("divId1").getElementsByTagName("h1")[0].getElementsByTagName("a")[0].innerHTML ="foo";

ej testad, men bör fungera.
eller med jquery:

$("#divId1 h1:first a").html("foo");

voigtann1: Topp! Då har vi lyckats hitta själva noden eller vad det heter. Men innerHTML verkar bara peta "foo" inom a-taggarna, typ <a>foo</a>, du hajar. Hur byter jag ut hela anchor-taggen till valfri text?

<div id="divId1">
   <h1>
      <a href="http://webforum.nu/" title="webForum">webForum</a>
   </h1>
</div>

Om du kör:

document.getElementById("divId1").getElementsByTagName("h1")[0].getElementsByTagName("a")[0].innerHTML ="foo";

Så kommer HTML koden bli:

<div id="divId1">
   <h1>
      <a href="http://webforum.nu/" title="webForum">foo</a>
   </h1>
</div>

vad är det du vill göra?

Tack för din hjälp!
Jag vill att resultatet ska bli så här:

<div id="divId1">
   <h1>
      foo
   </h1>
</div>

struntar i getElementsByTagName("a")[0] delen bara...

Hm, man kan tycka att jag borde fattat det... :r
Tackar!