removing all child node "p" from parent node "demo" by loop or else for exp.

Question

I want to remove all child nodes "p" from parent node "demo" by using removeChilde(child)

<div id="demo">
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
</div>

var parent = document.getElementById("demo");
var isChild = parent.hasChildNodes();
var i = 0;
while(isChild){
parent.removeChild(parent.childNodes);
i++;
}

Answer 1

so basically your point is like
while(parent.firstChild){
parent.removeChild(parent.firstChild);
}

thanks.

Answer 2

Yeah, that's how I would do it.

Answer 3

Try:

parent.removeChild(parent.firstChild)

instead.