Lisa: removeChild und Firefox

Beitrag lesen

Hallo Leute,

ich möchte im DOM-Baum ein div-Element das Text enthält per "klick" durch ein anderes div-Element ersetzten. Im IE funktioniert das auch, jedoch im Firefox passiert nichts. Im Folgenden kommt ein kleines Beispiel. Ich hoffe ein Spezialist unter euch kann mir sagen an was es liegt.

<script language="JavaScript1.2" type="text/javascript">

function changeImages (text_neu) {
  var Textknoten = document.getElementById(text_neu).firstChild.cloneNode(true);
  document.getElementById("div_anzeige_text").replaceChild(Textknoten,document.getElementById("div_anzeige_text").firstChild);
}
</script>
</head>

<body>
<div id="div_anzeige_text" style="position:absolute; top: 194px; left:456px; width:375px; height: 358px; background-color:#7974F7;">
  <div>
    <h1> Text zu Beginn</h1>
    <h2>Dieser Text soll bei "klick" ersetzt werden...</h2>
  </div>
</div>

<a href="#" target="frame_anzeige_bild" onClick="changeImages('text_eins')">
    zu Text eins<br>
  </a>

<a href="#"  onClick="changeImages('text_zwei')">
 zu Text zwei
  </a>

<div id="text_eins" >
 <div style="position:absolute; top: 200px;">
  <h1>Ausführlicher Text eins</h1><br>
  <h2>Text...</h2>
 </div>
</div>

<div id="text_zwei" style="position:absolute; top: 210px;">
 <div>
  <h1>Ausführlicher Text zwei</h1><br>
  <h2>Text...</h2>
 </div>
</div>

</body>

</html>

Grüße
Lisa