Problem with getting nested tables

[Joseph Scoccimaro]

I am currently working on a project for school dealing with accessing
the DOM. I am trying to get access to inner tables that are nested with
in other tables. Currently I am able to get all parent tables without a
problem. When I try to get an inner table through the child nodes it
says that the tr elements of the parent table are undefined. Posted is
the code I am using:

function nestedTableAnal ysis()
{

DocBodyChildren = document.body.c hildNodes;
ParentTableTags = new Array();
i = 0;

for(j=0; j< DocBodyChildren .length; j++) {
if(DocBodyChild ren[j].nodeName.toLow erCase() == \"table\") {
ParentTableTags[i] = DocBodyChildren[j];
i++;
}//end if

}
for(k = 0; k < ParentTableTags .length; k++ ) {

childTableAnaly sis(ParentTable Tags[k].childNodes);

}
}//end nestedTableAnal ysis()

function childTableAnaly sis(NodesToChec k, tabSpace, periodSpacer)
{

j = 1;

for(i=0; i < NodesToCheck.le ngth; i++) {

document.writel n(NodesToCheck. nodeName);

if(NodesToCheck[i].nodeName == \"TABLE\") {
document.writel n(\"<p> Table Found!</p>\");
j++;

childTableAnaly sis(NodesToChec k[i].childNodes);
}//end if

if(NodesToCheck[i].nodeName == \"TR\") {
childTableAnaly sis(NodesToChec k[i].childNodes);
}

if(NodesToCheck[i].nodeName == \"TD\") {
childTableAnaly sis(NodesToChec k[i].childNodes);
}
}

}//end childTableAnaly sis

Thanks,
Joseph Scoccimaro
gt*****@mail.ga tech.edu

[Martin Honnen]

Joseph Scoccimaro wrote:

I am trying to get access to inner tables that are nested with
in other tables. Currently I am able to get all parent tables without a
problem. When I try to get an inner table through the child nodes it
says that the tr elements of the parent table are undefined.

HTML 4 wants all table elements to have at least one explicit or
implicit tbody child element and all tr elements are then children of a
thead or tfoot or tbody but not direct children of the table itself. In
the HTML DOM a table element object has a property named tBodies which
is a collection of the explicit and implicit tbody child elements. Use
that instead of walking childNodes and looking for elements with a
certain tagName.
<http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-64060425>
You can also use the rows collection property of table or tbody or thead
or tfoot elements:
<http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-67417573>

--

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