removeChild Problem

[NokX]

<table id="table-0">
     <tr id="table-0-0">
          <td>STUFF</td>
     </tr>
     <tr id="table-0-1">
          <td>STUFF</td>
     </tr>
</table>

and let's say i want to delete #table-0-1...

var parent = document.getElementById("table-0");
var child = document.getElementById("table-0-1");
parent.removeChild(child);

but i get this error...

Error: uncaught exception: [Exception... "Node was not found" code: "8" nsresult: "0x80530008 (NS_ERROR_DOM_NOT_FOUND_ERR)"

[kristofik]

Hi,

This should work well

var child = document.getElementById("table-0-1");
var parent = child.parentNode;
parent.removeChild(parent.childNodes[0]);

Cheers

Kris

[Kravvitz]

It doesn't work right, because an anonymous <tbody> element is the parent of the <tr>, not the <table>.

I'd do it like this:

var row = document.getElementById("table-0-1");
row.parentNode.removeChild(row);

[kristofik]

I agree, it's a more robust solution.

Thanks.

Chris