st***********@blueyonder.co.uk wrote:
Hi,
I am using removeNode() to remove a table (tbody) from the document
A table element is a different thing from a tbody element. A table
must have one or more tbody elements. If a tbody element is not in
the source HTML, then browsers will insert them where they think they
should go.
like this:
the_table = document.getElementById(the_table_id);
the_table.removeNode(true);
If the id is on the tbody, then better to name your variable to
reflect that:
the_tBody = document.getElementById(the_table_id);
the_tBody.parentNode.removeChild(the_tBody);
However when I access the length property like this:
the_div = document.getElementById(my_div_id);
the_div.getElementsByTagName("tbody").length
...I seem to get a value that does not reflect the fact that the tbody
node has been removed. This is causing me big problems!
I was wondering if anyone could help?
Try the test code below. If that doesn't help, post a small example
that shows your issue.
<div id="xx">
<table border="1">
<tbody id="tBodyA">
<tr><td>A cell</td></tr>
</tbody>
</table>
</div>
<input type="button" value="Delete tbody" onclick="
var theDiv = document.getElementById('xx');
alert('tbodies before: '
+ theDiv.getElementsByTagName('tbody').length)
var theBody = document.getElementById('tBodyA');
theBody.parentNode.removeChild(theBody);
alert('tbodies after: '
+ theDiv.getElementsByTagName('tbody').length)
">
--
Rob
