Nasıl JavaScript DOM düğüm çocuk tüm öğeleri kaldırma hakkında gitmek istiyorsunuz?

Demek (çirkin) aşağıdaki HTML var:

<p id="foo">
    <span>hello</span>
    <div>world</div>
</p>

Ve böyle istiyorum düğüm de ben alabilir:

var myNode = document.getElementById("foo");

Nasıl sadece <p id="foo"></p> sol foo çocukları kaldırabilir miyim?

Yapabildim sadece:

myNode.childNodes = new Array();

veya removeElement bir arada kullanarak olmalıdır?

Cevap DOM dik olmasını istiyorum; ekstra puan ama eğer sen de DOM-tek cevap ile birlikte bir WordPress kullanmak bir çözüm sağlar.

Seçenek 1 (çok daha yavaş, aşağıda yorum):

var myNode = document.getElementById("foo");
myNode.innerHTML = '';

Seçenek 2 (daha hızlı):

var myNode = document.getElementById("foo");
while (myNode.firstChild) {
    myNode.removeChild(myNode.firstChild);
}