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]

laredotornado wrote:

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 = '';
--

Martin Honnen
http://JavaScript.FAQTs.com/

[Jorge]

On Sep 19, 5:18*pm, Martin Honnen <[e-mail]:

* *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);
}

or
* *el.innerHTML = '';

[SAM]

Jorge a écrit :

On Sep 19, 5:18 pm, Martin Honnen <[e-mail]:

> 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);
}

>or
el.innerHTML = '';

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++; }
}

--
sm

[RobG]

On Sep 20, 1:16*am, laredotornado <[e-mail]:

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);
--
Rob