<TR> löschen mit "NODE"-Objekt
MCTimotheus
- javascript
1 globe
Ich habe folgende kleine Funktion:
function delete() {
Knoten = document.getElementById("Reihe2");
Loeschen = Knoten.removeChild(Knoten);
}
und diese kleine Tabelle:
<table>
<tr id="Reihe1">
<td>Test 1</td>
</tr>
<tr id="Reihe2">
<td>Test 2</td>
</tr>
</table>
<a href="#" onclick="delete();">Loeschen</a>
Ziel der Übung ist es die Reihe2 zu löschen, aber da ich absoluter Neuling in Sachen "NODE"-Objekt bin hab ich absolut keine Ahnung? Was mache ich falsch bzw. was muss ich anders machen? Ich bekomm noch nicht mal nen Fehler ...
Danke und Gruß,
MCT
n'abend,
function delete() {
Knoten = document.getElementById("Reihe2");
Loeschen = Knoten.removeChild(Knoten);
}
var node = document.getElementById( 'löschMich' );
node.parentNode.removeChild( node );
Wie der Name der Funktion schon sagt, wird bei removeChild versucht ein Kindelement zu löschen. Ein Element kann aber nicht ein Kindelement von sich selbst sein. Jedes Element kennt sein Elternteil, welches sinnvollerweise über .parentNode angesprochen werden kann. Wir machen hier also nichts anderes, als von unserem Knoten aus den Elternknoten zu ermitteln und von diesem aus dann den gewünschten Kindknotzen zu löschen.
Node.removeChild() gibt mehr Infos.
weiterhin schönen abend...