scaryta: texte austauschen per javascript

Beitrag lesen

Hallo alle zusammen...

problem folgender maßen,
brauche ein javascript um texte ein und ausblenden zu lassen.
das ganze soll optimiert sein für IE, Mozilla, Opera, Safari
code habe ich auch schon zusammengeschnibbelt,
jedoch funktioniert der nicht für safari dank "document.all."
so. jetzt könnte ich da natürlich getElementbyId z.B. schreiben, aber dann passt der rest des Codes nicht mehr bzw. wir unfähig.

nach 2 stunden suche und reichlicher überlegungen bin ich verzweifelt und frage hier einfach  mal so durch, bin dankbar um jede hilfestellung.

Gruß,
Tia

<html>

<head>

<title>Test</title>

<script type="text/javascript">

function neueTexte () {
  document.all.test.getElementsByTagName("p")[0].firstChild.data = "neuer Hubert";
  document.all.test.getElementsByTagName("p")[1].firstChild.data = "neue Majory";
  document.all.test.getElementsByTagName("p")[2].firstChild.data = "neuer Jeremy";

}
</script>

</head>

<body>

<p> hallooo</p>

<div id="test" style="position:absolute; width:400px; height:500px; border:1px solid red; top:100px; left:100px;">

<p>Hubert Camperdale</p>
<p>Majory Stewart Baxtor</p>
<p>Jeremy Fisher</p>

</div>

<p><a href="javascript:neueTexte()">neue Texte</a></p>
</body></html>