How to remove all childNodes from Javascript object?

Question

I want to remove all the childNodes from the javascript object. I referred W3Schools example. But they are using while loop and remove child node one by one. See the below code.

var list = document.getElementById("myList");

// As long as <ul> has a child node, remove it
while (list.hasChildNodes()) {   
    list.removeChild(list.firstChild);
}

W3Schools Link.

I have more than 1000 childNodes. So i want to remove it in single steps. Using while loop will get performance issue. Any one help on this.

Thanks, Bharathi.

do `$(list).html("")` and all thing inside it get removed. – Parth Trivedi Feb 04 '16 at 11:15 — Parth Trivedi, Feb 04 '16 at 11:15

score 2 · Answer 1 · answered Feb 04 '16 at 11:15

2

Simply remove innerHtml of the element to get rid of all the childnodes

document.getElementById("myList").innerHTML = ""

answered Feb 04 '16 at 11:15

gurvinder372

66,980
10
72
94

1

Hi Bharathi,check like this $(this.gXaxisEle).empty(); – Akbar Basha Feb 04 '16 at 11:23

How to remove all childNodes from Javascript object?

1 Answers1