Wie würde ich gehen über das Entfernen aller untergeordneten Elemente eines DOM-Knoten in JavaScript?
Angenommen, ich habe das folgende (hässliche) HTML:
<p id="foo">
<span>hello</span>
<div>world</div>
</p>
Und ich greife den gewünschten Knoten wie folgt:
var myNode = document.getElementById("foo");
Wie kann ich die Kinder von foo
so dass nur <p id="foo"></p>
übrig ist?
Könnte ich einfach tun:
myNode.childNodes = new Array();
oder sollte ich eine Kombination aus removeElement
?
Ich möchte, dass die Antwort gerade nach oben DOM sein; obwohl zusätzliche Punkte, wenn Sie auch eine Antwort in jQuery zusammen mit der DOM-only-Antwort bieten.