How to empty a node

[laredotornado]

Hi,

I have a TBODY node with id="thebody". How do I use JS to empty all
its contents so that the DOM after the call would look like

<tbody id="thebody"></tbody>

? Thanks, - Dave

 

[Martin Honnen]

I have a TBODY node with id="thebody". How do I use JS to empty all
its contents so that the DOM after the call would look like

<tbody id="thebody"></tbody>

var el = document.getElementById('thebody');
while (el.hasChildNodes())
{
el.removeChild(el.lastChild);
}

or
el.innerHTML = '';

 

[Jorge]

   var el = document.getElementById('thebody');
   while (el.hasChildNodes())
   {
     el.removeChild(el.lastChild);
   }

or

var a, e= document.getElementById('thebody');
while (a= e.firstChild) {
e.removeChild(a);
}

 

[SAM]

Jorge a écrit :

or

var a, e= document.getElementById('thebody');
while (a= e.firstChild) {
e.removeChild(a);
}

or :

var rws = [];
function emptyTbody(){
var T = document.getElementById('thebody');
R = T.rows;
rws.length = 0;
while(R.length > 0) rws.push(T.removeChild(R[0]));
}
function fillBackTbody(){
var T = document.getElementById('thebody');
R = T.rows
k = 0;
n = rws.length;
if(n > 0) while(R.length < n) { T.appendChild(rws[k]); k++; }
}

 

[RobG]

Hi,

I have a TBODY node with id="thebody".  How do I use JS to empty all
its contents so that the DOM after the call would look like

<tbody id="thebody"></tbody>

?  Thanks, - Dave

For a large number of rows, it may be faster to replace the tbody with
a shallow clone of itself:

var el = document.getElementById('theBody');
el.parentNode.replaceChild(el.cloneNode(false), el);