JavaScript Examples Bible - UserWorks Technologies

392
TD.cellIndex
JavaScript Examples Bible: The Essential Companion to JavaScript Bible
Example
Use The Evaluator (Chapter 13 in the JavaScript Bible) in IE4+ to expand the
height of the second row of the demonstrator table. Enter the following statement
into the top text box:
document.all.myTable.rows[1].height = 300
If you attempt to set the value very low, the rendered height goes no smaller than
the default height.
rowIndex
sectionRowIndex
NN2 NN3 NN4 NN6 IE3/J1 IE3/J2 IE4 IE5 IE5.5
Compatibility ✓ ✓ ✓ ✓
Example
Use The Evaluator (Chapter 13 in the JavaScript Bible) to explore the rowIndex
and sectionRowIndex property values for the second physical row in the demonstrator
table. Enter each of the following statements into the top text box (W3C
DOM syntax shown here):
document.getElementById(“myTable”).rows[1].rowIndex
document.getElementById(“myTable”).rows[1].sectionRowIndex
The result of the first statement is 1 because the second row is the second row
of the entire table. But the sectionRowIndex property returns 0 because this row
is the first row of the TBODY element in this particular table.
TD and TH Element Objects
Properties
cellIndex
NN2 NN3 NN4 NN6 IE3/J1 IE3/J2 IE4 IE5 IE5.5
Compatibility ✓ ✓ ✓ ✓
Example
You can rewrite the cell addition portion of Listing 27-2 (in Chapter 27 in the
JavaScript Bible) to utilize the cellIndex property. The process entails modifying
the insertTableRow() function so that it uses a do...while construction to keep
adding cells to match the number of data slots. The function looks like the following
(changes shown in boldface):