removeChild Problem

Code:

---

<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...

Code:

---

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

---

but i get this error...

Quote:

---

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

---

Hi,

This should work well ;)

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

Cheers

Kris

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:

Code:

---

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

---

I agree, it's a more robust solution. :cool:

Thanks.

Chris