Как мне удалить все дочерние элементы узла DOM в JavaScript?
Скажем, у меня есть следующий (уродливый) HTML:
<p id="foo">
<span>hello</span>
<div>world</div>
</p>
И я беру узел, который хочу, вот так:
var myNode = document.getElementById("foo");
Как я могу удалить потомков foo
, чтобы осталось только <p id="foo"></p>
?
Могу я просто сделать:
myNode.childNodes = new Array();
или я должен использовать комбинацию removeElement
?
Я бы хотел, чтобы ответ был прямым DOM; хотя дополнительные баллы, если вы также предоставите ответ в jQuery вместе с ответом только для DOM.