DOM / Zugriff auf, und Entfernung von Elementen

[Marcus]

Hallo liebe Runde,

in einem bestehenden DOM

<tr>
  <td id="TD1">
    <input id="IN1" name="Wert1" value="">
  </td>
</tr>

möchte ich das INPUT entfernen und an Stelle dessen ein SELECT einhängen.
Wie das Erzeugen und Einhängen des neuen Objektes klappt ist mir klar, aber wie lösche ich das alte?

Mein bisheriger Versuch:

function wegMitEintrag() {
var Knoten=document.getElementsById("TD1").firstChild;
verschwunden = document.getElementsById("TD1").removeChild(Knoten);
}

...mit der Meldung, dass das Objekt diese Methode nicht unterstützt.

Bin dankbar für jeden Tipp!
Vielen Dank & Gruß

_marcus

[Thomas Meinike]

Hallo,

möchte ich das INPUT entfernen und an Stelle dessen ein SELECT einhängen.
Wie das Erzeugen und Einhängen des neuen Objektes klappt ist mir klar, aber wie lösche ich das alte?

Mein bisheriger Versuch:

function wegMitEintrag() {
var Knoten=document.getElementsById("TD1").firstChild;
verschwunden = document.getElementsById("TD1").removeChild(Knoten);
}

Es geht um _genau ein_ Element, also getElementById() und nicht getElementsById. Hier kann sich ein weiteres Problem ergeben, da firstChild unter Umstaenden (Mozilla) der Zeilenumbruch als Textknoten gewertet wird.

Knoten=document.getElementById("TD1").getElementsByTagName("input")[0];

sollte passen [hier aber getElement_s_ByTagName()].

MfG, Thomas

[Thomas Meinike]

[Nachtrag:]

Knoten=document.getElementById("TD1").getElementsByTagName("input")[0];

oder ueber die ID IN1:

Knoten=document.getElementById("TD1").getElementById("IN1");

MfG, Thomas

[Marcus]

Hi Thomas,

das ist sie, die feine Grenze zwischen Dummheit und vielen Bäumen...:)
Klappt wunderbar, vielen Dank für die schnelle Antwort!

Gruß

_marcus