HomeDHTML Page 3 - Rough Guide To The DOM (part 2)
Turning The Tables - DHTML
Now, when navigating through a table, there's one
important point to be aware of - from the DOM vie, a table must be treated as though it included an additional <tbody> tag immediately after the <table> tag and before the <tr> tags. Adding this to the equation, the page above now looks like this:
The usual DOM navigation rules now apply, as the
following example demonstrates. This script drills down to the last cell of the second row and alters both the background colour of the cell and the text string within it.
// get to the cell
// you could also use
// var cellObj =
var cellObj = document.getElementById("r2c3");
// get to the text within the cell
var cellTextObj = cellObj.childNodes;
// set background colour
// and text
cellTextObj.data = "Second row, third column";
This article copyright Melonfire 2001. All rights reserved.