<html>
<link rel="stylesheet" href="josh.css">
<body bgcolor="#FFFFFF">

		<div id="Description">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">table</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">4</span> DOM <span class="emphasis">1</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>The <span class="literal">table</span> object reflects the
<span class="literal">table</span> element. Other objects related to the
<span class="literal">table</span> object are: <span class="literal">caption</span>,
<span class="literal">col</span>, <span class="literal">colgroup</span>,
<span class="literal">tbody</span>, <span class="literal">td</span>,
<span class="literal">tfoot</span>, <span class="literal">thead</span>, and
<span class="literal">tr</span>.
</p>
												</td>
</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="htmlequivalent"><span class="title">HTML Equivalent</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>&lt;table&gt;</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="objectmodelreference"><span class="title">Object Model Reference</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>[window.]document.getElementById("<span class="replaceable">elementID</span>")</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="objectspecificproperties"><span class="title">Object-Specific Properties</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td>
						<table border="1"><tbody><tr><td><span class="literal">align</span></td><td><span class="literal">background</span></td><td><span class="literal">bgColor</span></td><td><span class="literal">border</span></td>
								</tr>
								<tr><td><span class="literal">borderColor</span></td><td><span class="literal">borderColorDark</span></td><td><span class="literal">borderColorLight</span></td><td><span class="literal">caption</span></td>
								</tr>
								<tr><td><span class="literal">cellPadding</span></td><td><span class="literal">cells</span>[ ]</td><td><span class="literal">cellSpacing</span></td><td><span class="literal">cols</span></td>
								</tr>
								<tr><td><span class="literal">dataPageSize</span></td><td><span class="literal">frame</span></td><td><span class="literal">height</span></td><td><span class="literal">rows[ ]</span></td>
								</tr>
								<tr><td><span class="literal">rules</span></td><td><span class="literal">summary</span></td><td><span class="literal">tbodies[ ]</span></td><td><span class="literal">tFoot</span></td>
								</tr>
								<tr><td><span class="literal">tHead</span></td><td><span class="literal">width</span></td><td></td><td></td>
								</tr>
							</tbody></table>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="objectspecificmethods"><span class="title">Object-Specific Methods</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td>
						<table border="1"><tbody><tr><td><span class="literal">createCaption( )</span></td><td><span class="literal">createTFoot( )</span></td><td><span class="literal">createTHead( )</span></td><td><span class="literal">deleteCaption( )</span></td>
								</tr>
								<tr><td><span class="literal">deleteRow( )</span></td><td><span class="literal">deleteTFoot( )</span></td><td><span class="literal">deleteTHead( )</span></td><td><span class="literal">insertRow( )</span></td>
								</tr>
								<tr><td><span class="literal">lastPage( )</span></td><td><span class="literal">moveRow( )</span></td><td><span class="literal">nextPage( )</span></td><td><span class="literal">previousPage( )</span></td>
								</tr>
								<tr><td><span class="literal">refresh( )</span></td><td></td><td></td><td></td>
								</tr>
							</tbody></table>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="objectspecificeventhandlerproperties"><span class="title">Object-Specific Event Handler Properties</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>			None. </p>
					</td>
				</tr>
			</table>
		</div><div id="align">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">align</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">4</span> DOM <span class="emphasis">1</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Defines the horizontal alignment of the element within its
surrounding container.
</p>
												</td>
</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>document.getElementById("myTable").align = "center";</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>			Any of the three horizontal alignment constants:
<span class="literal">center</span> | <span class="literal">left</span> |
<span class="literal">right</span>.
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>			<span class="literal">left</span></p>
					</td>
				</tr>
			</table>
		</div><div id="background">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">background</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">n/a</span> IE <span class="emphasis">4</span> DOM <span class="emphasis">n/a</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Provides the URL of the background image for the table. If you set a
<span class="literal">backgroundColor</span> to the element as well, the color
appears if the image fails to load; otherwise, the image overlays the
color.
</p>
												</td>
</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>document.getElementById("myTable").background = "images/watermark.jpg";</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>			Complete or relative URL to the background image file.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>			None. </p>
					</td>
				</tr>
			</table>
		</div><div id="bgColor">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">bgColor</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">4</span> DOM <span class="emphasis">1</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Specifies the background color of the element. This color setting is
not reflected in the style sheet <span class="literal">backgroundColor</span>
property. Even if the <span class="literal">bgcolor</span> attribute or
<span class="literal">bgColor</span> property is set with a plain-language
color name, the returned value is always a hexadecimal triplet.
</p>
												</td>
</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>document.getElementById("myTable").bgColor = "yellow";</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>			A hexadecimal triplet or plain-language color name. See Appendix A for acceptable plain-language color names.
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>			Varies with browser and operating system. </p>
					</td>
				</tr>
			</table>
		</div>
		<div id="blur( )">
					<table cellpadding="0" cellspacing="0"

		border="0" width="100%" class="main">
						<tr><td valign="top" class="name">blur(

		)</td><td valign="top" nowrap class="compatibility">NN <span

		class="emphasis">2</span> IE <span class="emphasis">3</span> DOM <span

		class="emphasis">1</span>&nbsp;&nbsp;</td>
						</tr>
						<tr>
							<td valign="top" nowrap

		class="usage"><p class="literal"></p>
							</td><td valign="top" nowrap

		class="requirements"></td>
						</tr>
						<tr>
							<td valign="top" colspan="2"

		class="description">
								<p>			Removes

		focus from the current object, at which time the
		object's <span class="literal">onblur</span> event fires. Note
		that the range of elements capable of focus and blur (both the event
		and method) is limited in all browsers except for more recent
		versions of IE (see the shared <span class="literal">tabindex</span>

		attribute
		in Chapter 8). Most reliably for backward
		compatibility, apply the <span class="literal">blur( )</span> method to
		blatantly focusable elements, such as text <span

		class="literal">input</span>
		and <span class="literal">textarea</span> elements. Assigning the

		attribute
		<span class="literal">onfocus="this.blur( );"</span> to a text
		<span class="literal">input</span> element, for instance, is a crude

		but
		effective backward-compatible way to largely disable a field for
		browsers that do not provide genuine element disabling.
		</p>
									</td>
								</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
								<tr>
									<td colspan="2"><p>			Use

		<span class="literal">blur( )</span> and <span class="literal">focus(

		)</span>
		methods in moderation on the same page. You can inadvertently trigger
		endless loops of blurring and focusing if alert dialog boxes are
		involved along the way. Moreover, be aware that when you invoke the
		<span class="literal">blur( )</span> method on one object, some other

		object
		(perhaps the <span class="literal">window</span> object) receives an
		<span class="literal">onfocus</span> event.
		</p>
									</td>
	</tr>

						<tr>
							<td valign="top" colspan="2"

		class="CLEARSEPARATION">&nbsp;</td>
						</tr>
						<tr>
							<td valign="top" colspan="2"

		class="parameters"><span class="title">Parameters</span></td>
						</tr>
						<tr>
							<td colspan="2"><p>			None.</p>
							</td>
						</tr>
						<tr>
							<td valign="top" colspan="2"

		class="CLEARSEPARATION">&nbsp;</td>
						</tr>
						<tr>
							<td valign="top" colspan="2"

		class="returnedvalue"><span class="title">Returned Value</span></td>
						</tr>
						<tr>
							<td colspan="2"><p>			None.</p>
							</td>
						</tr>
					</table>
		</div>
		<div id="border">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">border</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">4</span> DOM <span class="emphasis">1</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Specifies the thickness of the border around the table (in pixels).
This is the default 3-D-look border and should not be confused with
borders created with style sheets.
</p>
												</td>
</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>document.getElementById("myTable").border = 4;</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>			An integer value. A setting of zero removes the border entirely.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>			<span class="literal">0</span></p>
					</td>
				</tr>
			</table>
		</div><div id="borderColor">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">borderColor</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">n/a</span> IE <span class="emphasis">4</span> DOM <span class="emphasis">n/a</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Specifies the color of the table's border. Internet
Explorer applies the color to all four lines that make up the
interior border of a cell. Therefore, colors of adjacent cells do not
collide.
</p>
												</td>
</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>document.getElementById("myTable").borderColor = "salmon";</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>			A hexadecimal triplet or plain-language color name. A setting of
empty is interpreted as <span class="literal">"#000000"</span> (black). See
Appendix A for acceptable plain-language color
names.
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>			Varies with operating system. </p>
					</td>
				</tr>
			</table>
		</div><div id="borderColorDark, borderColorLight">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">borderColorDark, borderColorLight</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">n/a</span> IE <span class="emphasis">4</span> DOM <span class="emphasis">n/a</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>The 3-D effect of table borders in Internet Explorer is created by
careful positioning of light and dark lines around the
page's background or default color. You can
independently control the colors used for the dark and light lines by
assigning values to the <span class="literal">borderColorDark</span> (left and
top edges of the cell) and <span class="literal">borderColorLight</span> (right
and bottom edges) properties.
</p>
							</td>
						</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
						<tr>
							<td colspan="2"><p>			Typically, you should assign complementary colors to the pair of
properties. There is also no rule that says you must assign a dark
color to <span class="literal">borderColorDark</span>. The attributes merely
control a well-defined set of lines so you can predict which lines of
the border change with each attribute.
</p>
												</td>
</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>document.getElementById("myTable").borderColorDark = "blue";
document.getElementById("myTable").borderColorLight = "cornflowerblue";</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>			A hexadecimal triplet or plain-language color name. A setting of
empty is interpreted as <span class="literal">"#000000"</span> (black). See
Appendix A for acceptable plain-language color
names.
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>			Varies with operating system. </p>
					</td>
				</tr>
			</table>
		</div><div id="caption">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">caption</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">4(Win)/5(Mac)</span> DOM <span class="emphasis">1</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read-only&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Returns a reference to a <span class="literal">caption</span> element nested
inside the table. From this reference you can access properties and
methods of the <span class="literal">caption</span> object. In Netscape 6, you
can create a new <span class="literal">caption</span> element, and assign that
new element's reference to the
<span class="literal">caption</span> property of a <span class="literal">table</span>,
making the property read/write in that browser (although you really
should be using the <span class="literal">createCaption( )</span> method). For
all browsers, however, you can modify properties of the
<span class="literal">caption</span> object returned by the
<span class="literal">caption</span> property.
</p>
												</td>
</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>var capText = document.getElementById("myTable").caption.innerHTML;</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>			Object reference.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>			None. </p>
					</td>
				</tr>
			</table>
		</div>
		<div id="cellPadding">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">cellPadding</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">4</span> DOM <span class="emphasis">1</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Specifies the amount of empty space between the (visible or
invisible) border of a table cell and the content of the cell. Note
that this property applies to space <span class="emphasis">inside</span> a
cell. Minor adjustments to this property are not as noticeable when
the table does not also display borders (in which case the
<span class="literal">cellSpacing</span> property can assist in adjusting the
space between cells).
</p>
												</td>
</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>document.getElementById("myTable").cellPadding = "15";</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>			A string value for a length in pixels or percentage.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>			<span class="literal">0</span></p>
					</td>
				</tr>
			</table>
		</div><div id="cells">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">cells</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">n/a</span> IE <span class="emphasis">5(Win)</span> DOM <span class="emphasis">n/a</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read-only&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Returns a collection of all <span class="literal">td</span> elements inside the
table. Entries in the array are in source code order of
<span class="literal">td</span> elements. This property is more widely
available for a <span class="literal">tr</span> element (one row at a time).
</p>
												</td>
</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>var totCells = document.getElementById("myTable").cells.length;</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>			Reference to a <span class="literal">cells</span> collection object.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>			Array of zero length.</p>
					</td>
				</tr>
			</table>
		</div><div id="cellSpacing">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">cellSpacing</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">4</span> DOM <span class="emphasis">1</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Specifies the amount of empty space between the outer edges of each
table cell. If the table has a border, the effect of setting
<span class="literal">cellSpacing</span> is to define the thickness of borders
rendered between cells. Even without a visible border, the
readability of a table often benefits from cell spacing, or a
combination of cell spacing and cell padding.
</p>
												</td>
</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>document.getElementById("myTable").cellSpacing = "5";</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>			A string value for a length in pixels or percentage.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>			<span class="literal">0</span> (with no table border); <span class="literal">2</span>
(with table border).
</p>
					</td>
				</tr>
			</table>
		</div>

		<div id="clientHeight, clientWidth">
					<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
						<tr><td valign="top" class="name">clientHeight, clientWidth</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">7</span> IE <span class="emphasis">4</span> DOM <span class="emphasis">n/a</span>&nbsp;&nbsp;</td>
						</tr>
						<tr>
							<td valign="top" nowrap class="usage"><p class="literal"></p>
							</td><td valign="top" nowrap class="requirements"><span class="emphasis">Read-only</span>&nbsp;&nbsp;</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="description"><p>			Broadly speaking, these provide the height and width of the
		element's content, but with minor variations with
		respect to element padding among various operating system versions of
		IE and compatibility modes controlled by the
		<span class="literal">DOCTYPE</span> declaration. Not available for all element
		types in IE for Macintosh. For Netscape 7, values are zero except
		when an element's content overflows the viewable
		area, in which case the values reveal the dimensions of the viewable
		area (e.g., the browser window's content region for
		the <span class="literal">document.body</span> element). See the Section 9.2 at the beginning of
		this chapter for details.
		</p>
									</td>
	</tr>

						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
						</tr>
						<tr>
							<td><span class="programlisting"><pre>var midHeight = document.body.clientHeight/2;</pre>
								</span></td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
						</tr>
						<tr>
							<td colspan="2"><p>			Integer pixel value.</p>
							</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
						</tr>
						<tr>
							<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
						</tr>
						<tr>
							<td colspan="2"><p>			<span class="literal">0</span> </p>
							</td>
						</tr>
					</table>
		</div>
		<div id="cols">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">cols</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">n/a</span> IE <span class="emphasis">4</span> DOM <span class="emphasis">1</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Specifies the number of columns of the table. The corresponding
IE-specific <span class="literal">cols</span> attribute assists the browser in
preparation for rendering the table. Without this attribute, the
browser relies on its interpretation of all downloaded
<span class="literal">tr</span> and <span class="literal">td</span> elements to determine
how the table is to be divided. You cannot change the column makeup
of a table from this property, despite its read/write status. See
also the <span class="literal">col</span> object earlier in this chapter
</p>
												</td>
</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>document.getElementById("myTable").cols = 5;</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>			Integer.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>			None.</p>
					</td>
				</tr>
			</table>
		</div><div id="dataPageSize">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">dataPageSize</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">n/a</span> IE <span class="emphasis">4</span> DOM <span class="emphasis">n/a</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Used with IE data binding, this property advises the browser how many
instances of a table row must be rendered to accommodate the number
of data source records set by this attribute. See <span class="literal">lastPage(
)</span>, <span class="literal">nextPage( )</span>, and
<span class="literal">previousPage( )</span> methods for navigating through
groups of records.
</p>
												</td>
</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>document.getElementById("inventoryTable").dataPageSize = 10;</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>			Integer.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>			None. </p>
					</td>
				</tr>
			</table>
		</div>
		<div id="focus( )">
					<table cellpadding="0" cellspacing="0"

		border="0" width="100%" class="main">
						<tr><td valign="top"

		class="name">focus( )</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">2</span> IE <span

		class="emphasis">3</span> DOM <span class="emphasis">1</span>&nbsp;&nbsp;</td>
						</tr>
						<tr>
							<td valign="top" nowrap

		class="usage"><p class="literal"></p>
							</td><td valign="top" nowrap

		class="requirements"></td>
						</tr>
						<tr>
							<td valign="top" colspan="2"

		class="description">
								<p>			Gives

		focus from the current object, at which time the
		object's <span class="literal">onfocus</span> event fires.
		Note that the range of elements capable of focus and blur (both the
		event and method) is limited in all browsers except for more recent
		versions of IE (see the shared <span class="literal">tabindex</span>

		attribute
		in Chapter 8). Most reliably for backward
		compatibility, apply the <span class="literal">focus( )</span> method

		to
		blatantly focusable elements, such as text <span

		class="literal">input</span>
		and <span class="literal">textarea</span> elements.
		</p>
									</td>
								</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
								<tr>
									<td colspan="2"><p>			To give

		a text box focus and pre-select all the text in the box, use
		the sequence of <span class="literal">focus( )</span> and <span

		class="literal">select(
		)</span> methods on the element. If this sequence is to occur
		after windows change (such as after an alert dialog box closes),
		place the methods in a separate function, and invoke this function
		through the <span class="literal">setTimeout( )</span> method following

		the
		<span class="literal">alert( )</span> method for the dialog. This

		allows
		IE/Windows to sequence statement execution correctly.
		</p>
									</td>
	</tr>

						<tr>
							<td valign="top" colspan="2"

		class="CLEARSEPARATION">&nbsp;</td>
						</tr>
						<tr>
							<td valign="top" colspan="2"

		class="parameters"><span class="title">Parameters</span></td>
						</tr>
						<tr>
							<td colspan="2"><p>			None. </p>
							</td>
						</tr>
						<tr>
							<td valign="top" colspan="2"

		class="CLEARSEPARATION">&nbsp;</td>
						</tr>
						<tr>
							<td valign="top" colspan="2"

		class="returnedvalue"><span class="title">Returned Value</span></td>
						</tr>
						<tr>
							<td colspan="2"><p>			None.</p>
							</td>
						</tr>
					</table>
				</div>

		<div id="frame">
		<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">frame</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">4</span> DOM <span class="emphasis">1</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Indicates which (if any) sides of a table's outer
border (set with the <span class="literal">border</span> attribute or
<span class="literal">border</span> property) are rendered. This property does
not affect the interior borders between cells.
</p>
												</td>
</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>document.getElementById("orderForm").frame = "hsides";</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>			Any one case-insensitive frame constant (as a string):</p>
<dl>

<dt><span class="LITERAL">above</span></dt>
<dd>
<p>Renders border along top edge of table only</p>
</dd>



<dt><span class="LITERAL">below</span></dt>
<dd>
<p>Renders border along bottom edge of table only</p>
</dd>



<dt><span class="LITERAL">border</span></dt>
<dd>
<p>Renders all four sides of the border (same as <span class="LITERAL">box</span>)</p>
</dd>



<dt><span class="LITERAL">box</span></dt>
<dd>
<p>Renders all four sides of the border (same as
<span class="LITERAL">border</span>)
</p>
</dd>



<dt><span class="LITERAL">hsides</span></dt>
<dd>
<p>Renders borders on top and bottom edges of table only (a nice look)</p>
</dd>



<dt><span class="LITERAL">lhs</span></dt>
<dd>
<p>Renders border on left edge of table only</p>
</dd>



<dt><span class="LITERAL">rhs</span></dt>
<dd>
<p>Renders border on right edge of table only</p>
</dd>



<dt><span class="LITERAL">void</span> </dt>
<dd>
<p>Hides all borders (default in HTML 4)</p>
</dd>



<dt><span class="LITERAL">vsides</span></dt>
<dd>
<p>Renders borders on left and right edges of table only</p>
</dd>

</dl>					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>			<span class="literal">void</span> (when <span class="literal">border=0</span>);
<span class="literal">border</span> (when <span class="literal">border</span> is any
other value)
</p>
					</td>
				</tr>
			</table>
		</div><div id="height, width">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">height, width</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6 (width only)</span> IE <span class="emphasis">4</span> DOM <span class="emphasis">1</span> <span class="emphasis">(width only)</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Specify the height and width in pixels of the element. Changes to
these values are immediately reflected in reflowed content on the
page. Only the <span class="literal">width</span> property is available in
Netscape 6 (and the W3C DOM), as the table's height
is considered to be the sum of the highest cell in each row.
</p>
												</td>
</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>document.getElementById("myTable").height = 250;</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>			Integer.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>			None. </p>
					</td>
				</tr>
			</table>
		</div>
		<div id="recordNumber">
					<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
						<tr><td valign="top" class="name">recordNumber</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">n/a</span> IE <span class="emphasis">4</span> DOM <span class="emphasis">n/a</span>&nbsp;&nbsp;</td>
						</tr>
						<tr>
							<td valign="top" nowrap class="usage"><p class="literal"></p>
							</td><td valign="top" nowrap class="requirements"><span class="emphasis">Read-only</span>&nbsp;&nbsp;</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="description"><p>			Used with IE data binding, returns an integer representing the record
		within the data set that generated the element (i.e., an element
		whose content is filled via data binding). Values of this property
		can be used to extract a specific record from an Active Data Objects
		(ADO) record set (see <span class="literal">recordset</span> property).
		Although this property is defined for all IE element objects, the
		other properties related to data binding belong to a subset of
		elements.
		</p>
									</td>
	</tr>

						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
						</tr>
						<tr>
							<td><span class="programlisting"><pre>&lt;script for="tableTemplate" event="onclick"&gt;
		    myDataCollection.recordset.absoluteposition = this.recordNumber;
		    ...
		&lt;/script&gt;</pre>
								</span></td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
						</tr>
						<tr>
							<td colspan="2"><p>			Integer.</p>
							</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
						</tr>
						<tr>
							<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
						</tr>
						<tr>
							<td colspan="2"><p>			<span class="literal">null</span></p>
							</td>
						</tr>
					</table>
				</div>

		<div id="rows">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">rows</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">4</span> DOM <span class="emphasis">1</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read-only&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Returns a collection of <span class="literal">tr</span> elements inside the
entire table. You can also get a group of rows for each table section
(<span class="literal">tbody</span>, <span class="literal">tfoot</span>, and
<span class="literal">thead</span> element objects).
</p>
												</td>
</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>var allTableRows = document.getElementById("myTable").rows;</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>			Reference to a <span class="literal">rows</span> collection object.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>			Array of zero length.</p>
					</td>
				</tr>
			</table>
		</div><div id="rules">
		<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">rules</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">4</span> DOM <span class="emphasis">1</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Indicates where (if at all) interior borders between cells are
rendered by the browser. In addition to setting the table to draw
borders to turn the cells into a matrix, you can set borders to be
drawn only to separate borders, columns, or any sanctioned cell
grouping (<span class="literal">thead</span>, <span class="literal">tbody</span>,
<span class="literal">tfoot</span>, <span class="literal">colgroup</span>, or
<span class="literal">col</span>). The <span class="literal">border</span> attribute must
be presenteither as a Boolean or set to a specific border
sizefor any cell borders to be drawn. Do not confuse this
property with the <span class="literal">rules[ ]</span> collection of
<span class="literal">styleSheet</span> objects. Scripted changes to this
property do not always yield the desired results, especially in early
versions of Netscape 6.
</p>
												</td>
</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>document.getElementById("myTable").rules = "groups";</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>			Any one case-insensitive rules constant (as a string):</p>
<dl>

<dt><span class="LITERAL">all</span></dt>
<dd>
<p>Renders borders around each cell</p>
</dd>



<dt><span class="LITERAL">cols</span></dt>
<dd>
<p>Renders borders between columns only</p>
</dd>



<dt><span class="LITERAL">groups</span></dt>
<dd>
<p>Renders borders between cell groups as defined by
<span class="LITERAL">thead</span>, <span class="LITERAL">tfoot</span>,
<span class="LITERAL">tbody</span>, <span class="LITERAL">colgroup</span>, or
<span class="LITERAL">col</span> elements
</p>
</dd>



<dt><span class="LITERAL">none</span></dt>
<dd>
<p>Hides all interior borders</p>
</dd>



<dt><span class="LITERAL">rows</span></dt>
<dd>
<p>Renders borders between rows only</p>
</dd>

</dl>					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>			<span class="literal">none</span> (when <span class="literal">border=0</span>);
<span class="literal">all</span> (when <span class="literal">border</span> is any other
value).
</p>
					</td>
				</tr>
			</table>
		</div>

		<div id="scrollHeight, scrollWidth">
					<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
						<tr><td valign="top" class="name">scrollHeight, scrollWidth</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">7</span> IE <span class="emphasis">4</span> DOM <span class="emphasis">n/a</span>&nbsp;&nbsp;</td>
						</tr>
						<tr>
							<td valign="top" nowrap class="usage"><p class="literal"></p>
							</td><td valign="top" nowrap class="requirements"><span class="emphasis">Read-only</span>&nbsp;&nbsp;</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="description"><p>			Originally implemented in IE 4 for elements that either scrolled or
		influenced an element's scroll
		(<span class="literal">body</span>, <span class="literal">button</span>,
		<span class="literal">caption</span>, <span class="literal">div</span>,
		<span class="literal">fieldset</span>, <span class="literal">legend</span>,
		<span class="literal">marquee</span>, and <span class="literal">textarea</span>), these
		properties return the pixel dimensions of an element, including
		elements that are larger than the viewable area in the browser
		window. This is in contrast to the <span class="literal">clientHeight</span>
		and <span class="literal">clientWidth</span> properties for scrollable
		elements, which return dimensions of only visible portions of the
		element. IE for the Macintosh, however, interprets the intent of the
		scroll- properties differently, returning the dimensions of the
		visible portion.
		</p>
									</td>
								</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
								<tr>
									<td colspan="2"><p>			Starting in IE 5 for Windows, all HTML elements have these
		properties, and the values for nonscrolling elements are the same as
		the <span class="literal">offsetHeight</span> and
		<span class="literal">offsetWidth</span> properties. Netscape 7 implements
		these properties for all elements, returning the height and width of
		the element, whether or not it's in view. The
		important point is that for key elements, such as the
		<span class="literal">body</span>, the properties mean different things and can
		disrupt cross-platform operation.
		</p>
									</td>
	</tr>

						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
						</tr>
						<tr>
							<td><span class="programlisting"><pre>var midPoint = document.body.scrollHeight/2;</pre>
								</span></td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
						</tr>
						<tr>
							<td colspan="2"><p>			Positive integer or zero.</p>
							</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
						</tr>
						<tr>
							<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
						</tr>
						<tr>
							<td colspan="2"><p>			None. </p>
							</td>
						</tr>
					</table>
				</div>

		<div id="scrollLeft, scrollTop">
					<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
						<tr><td valign="top" class="name">scrollLeft, scrollTop</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">7</span> IE <span class="emphasis">4</span> DOM <span class="emphasis">n/a</span>&nbsp;&nbsp;</td>
						</tr>
						<tr>
							<td valign="top" nowrap class="usage"><p class="literal"></p>
							</td><td valign="top" nowrap class="requirements"><span class="emphasis">Read/Write</span>&nbsp;&nbsp;</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="description"><p>			Provide the distance in pixels between the actual left or top edge of
		the element's physical content and the left or top
		edge of the visible portion of the content. Setting these properties
		allows you to use a script to adjust the scrolling of content within
		a scrollable container, such as text in a <span class="literal">textarea</span>
		element or an entire document in the browser window or frame. When
		the content is not scrolled, both values are zero. Setting the
		<span class="literal">scrollTop</span> property to 15 scrolls the document
		upward by 15 pixels in the window; the <span class="literal">scrollLeft</span>
		property is unaffected unless explicitly changed. The property values
		change as the user adjusts the scrollbars. This is important for some
		event-driven positioning tasks in IE for Windows because the
		coordinate system for event offset measurements are with respect to
		the visible area of a page in the browser window. You must add
		<span class="literal">document.body</span> scrolling factors to align event
		coordinates with body content positions (see the element dragging
		example in Chapter 6). Starting with IE 5 for
		Windows, the <span class="literal">scrollLeft</span> and
		<span class="literal">scrollTop</span> properties are available for all HTML
		element objects, but values for unscrollable elements are zero.
		</p>
									</td>
	</tr>

						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
						</tr>
						<tr>
							<td><span class="programlisting"><pre>document.body.scrollTop = 40;</pre>
								</span></td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
						</tr>
						<tr>
							<td colspan="2"><p>			Positive integer or zero.</p>
							</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
						</tr>
						<tr>
							<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
						</tr>
						<tr>
							<td colspan="2"><p>			<span class="literal">0</span></p>
							</td>
						</tr>
					</table>
				</div>

		<div id="summary">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">summary</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">6</span> DOM <span class="emphasis">1</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read-only&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Reflects the HTML 4 <span class="literal">summary</span> attribute, which
provides no particular functionality in mainstream browsers. But you
can assign a value to it in the source code to convey data to a
script that reads the property.
</p>
												</td>
</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>var data = document.getElementById("myTable").summary;</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>			String.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>			Empty string.</p>
					</td>
				</tr>
			</table>
		</div>
		<div id="tabIndex">
					<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
						<tr><td valign="top" class="name">tabIndex</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">4</span> DOM <span class="emphasis">1</span>&nbsp;&nbsp;</td>
						</tr>
						<tr>
							<td valign="top" nowrap class="usage"><p class="literal"></p>
							</td><td valign="top" nowrap class="requirements"><span class="emphasis">Read/Write</span>&nbsp;&nbsp;</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="description"><p>			This is a number that indicates the sequence of this element within
		the tabbing order of all focusable elements in the document. Tabbing
		order follows a strict set of rules. Elements that have values other
		than zero assigned to their <span class="literal">tabIndex</span> properties
		are first in line when a user starts tabbing in a page. Focus starts
		with the element with the lowest <span class="literal">tabIndex</span> value
		and proceeds in order to the highest value, regardless of physical
		location on the page or in the document. If two elements have the
		same <span class="literal">tabIndex</span> values, the element that comes
		earlier in the document receives focus first. Next come all elements
		that either don't support the
		<span class="literal">tabIndex</span> property or have the value set to zero.
		These elements receive focus in the order in which they appear in the
		document.
		</p>
									</td>
								</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
								<tr>
									<td colspan="2"><p>			The W3C DOM and Netscape 6 limit the <span class="literal">tabIndex</span>
		property to the following element objects: <span class="literal">a</span>,
		<span class="literal">area</span>, <span class="literal">button</span>,
		<span class="literal">input</span>, <span class="literal">object</span>,
		<span class="literal">select</span>, <span class="literal">textarea</span>. To this list,
		IE 4 adds <span class="literal">applet</span>, <span class="literal">body</span>,
		<span class="literal">div</span>, <span class="literal">embed</span>,
		<span class="literal">isindex</span>, <span class="literal">marquee</span>,
		<span class="literal">span</span>, <span class="literal">table</span>, and
		<span class="literal">td</span>. IE 5 adds every other renderable element. A
		negative value in IE (only) removes an element from tabbing order
		entirely.
		</p>
									</td>
								</tr>
								<tr>
									<td colspan="2"><p>			Links and anchors cannot be tabbed to with the Mac version of IE 4,
		so the <span class="literal">tabIndex</span> property for <span class="literal">a</span>
		element objects is ignored in that version.
		</p>
									</td>
	</tr>

						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
						</tr>
						<tr>
							<td><span class="programlisting"><pre>document.getElementById("link3").tabIndex = 6;</pre>
								</span></td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
						</tr>
						<tr>
							<td colspan="2"><p>			Integer.</p>
							</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
						</tr>
						<tr>
							<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
						</tr>
						<tr>
							<td colspan="2"><p>			<span class="literal">0</span> </p>
							</td>
						</tr>
					</table>
		</div>
		<div id="tBodies[ ]">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">tBodies[ ]</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">4(Win)/5(Mac)</span> DOM <span class="emphasis">1</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read-only&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Returns a collection of <span class="literal">tBody</span> objects in the
current table. Every <span class="literal">table</span> element has at least
one (explicit or implied) <span class="literal">tBody</span> object nested
inside.
</p>
												</td>
</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>var bodSections = document.getElementById("myTable").tBodies;</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>			Reference to a collection of <span class="literal">tBody</span> objects.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>			Array of length one.</p>
					</td>
				</tr>
			</table>
		</div><div id="tFoot">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">tFoot</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">4(Win)/5(Mac)</span> DOM <span class="emphasis">1</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read-only&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Returns a reference to the <span class="literal">tfoot</span> element object if
one has been defined for the table. If no <span class="literal">tfoot</span>
element exists, the value is <span class="literal">null</span>. You can access
<span class="literal">tfoot</span> element object properties and methods
through this reference if you like. This property is available only
on the Win32 version of Internet Explorer 4.
</p>
												</td>
</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>var tableFootTxt = document.getElementById("myTable").tFoot.firstChild.nodeValue;</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>			<span class="literal">tfoot</span> element object reference.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>			<span class="literal">null</span></p>
					</td>
				</tr>
			</table>
		</div><div id="tHead">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">tHead</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">4(Win)/5(Mac)</span> DOM <span class="emphasis">1</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read-only&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Returns a reference to the <span class="literal">thead</span> element object if
one has been defined for the table. If no <span class="literal">thead</span>
element exists, the value is <span class="literal">null</span>. You can access
<span class="literal">thead</span> element object properties and methods
through this reference if you like. This property is available only
on the Win32 version of Internet Explorer 4.
</p>
												</td>
</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>var tableHeadTxt = document.getElementById("myTable").tHead.firstChild.nodevalue;</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>			<span class="literal">thead</span> element object reference.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>			<span class="literal">null</span></p>
					</td>
				</tr>
			</table>
		</div><div id="width">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">width</td><td valign="top" nowrap class="compatibility">&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>See height.</p>
												</td>
</tr>
			</table>
		</div><div id="createCaption( ), deleteCaption( )">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">createCaption( ), deleteCaption( )</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">4</span> DOM <span class="emphasis">1</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Add or remove a <span class="literal">caption</span> element nested within the
current <span class="literal">table</span> element. If no caption exists, the
creation method produces an empty element, which your scripts must
then populate with caption text (through common element content
modification techniques). If a caption exists, the method is
essentially ignored, and returns a reference to the existing
<span class="literal">caption</span> element.
</p>
												</td>
</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="parameters"><span class="title">Parameters</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>			None. </p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="returnedvalue"><span class="title">Returned Value</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>			Reference to new caption element (for <span class="literal">createCaption(
)</span>); nothing for <span class="literal">deleteCaption( )</span>.
</p>
					</td>
				</tr>
			</table>
		</div><div id="createTFoot( ), createTHead( ), deleteTFoot( ), deleteTHead( )">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">createTFoot( ), createTHead( ), deleteTFoot( ), deleteTHead( )</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">4</span> DOM <span class="emphasis">1</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Add or remove a <span class="literal">thead</span> or <span class="literal">tfoot</span>
element nested within the current <span class="literal">table</span> element.
If no head or foot table section exists, the creation method produces
an empty element, which your scripts must then populate with rows
(through <span class="literal">thead.insertRow( )</span> and
<span class="literal">tfoot.insertRow( )</span> methods). If the desired table
section exists, the method is essentially ignored, and returns a
reference to the existing <span class="literal">thead</span> or
<span class="literal">tfoot</span> element.
</p>
												</td>
</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="parameters"><span class="title">Parameters</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>			None. </p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="returnedvalue"><span class="title">Returned Value</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>			Reference to newly created element (for <span class="literal">createTFoot(
)</span> and <span class="literal">createTHead( )</span>); Nothing for
<span class="literal">deleteTHead( )</span> and <span class="literal">deleteTFoot(
)</span>.
</p>
					</td>
				</tr>
			</table>
		</div><div id="deleteRow( )">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">deleteRow( )</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">4</span> DOM <span class="emphasis">1</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal">deleteRow(<span class="replaceable">index</span>)</p>
					</td><td valign="top" nowrap class="requirements">&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Removes a <span class="literal">tr</span> element nested within the current
<span class="literal">table</span> element. The integer parameter points to the
zero-based item in the <span class="literal">rows</span> collection. To
repopulate a table with new or sorted content, empty the table (or
just a table section) with iterative calls to the <span class="literal">deleteRow(
)</span> method:
</p>
<span class="PROGRAMLISTING"><pre>while (<var class="replaceable">tableReference</var>.rows.length&gt; 0) {
     <var class="replaceable">tableReference</var>.deleteRow(0);
}</pre></span>
												</td>
</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="parameters"><span class="title">Parameters</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td>
						<ul><li><span class="literal"></span>Zero-based integer corresponding to the said numbered
<span class="literal">tr</span> element in source code order (nested within the
current element).
</li></ul>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="returnedvalue"><span class="title">Returned Value</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>			None.</p>
					</td>
				</tr>
			</table>
		</div><div id="insertRow( )">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">insertRow( )</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">4(Win)</span> DOM <span class="emphasis">1</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal">insertRow(<span class="replaceable">index</span>)</p>
					</td><td valign="top" nowrap class="requirements">&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Inserts a <span class="literal">tr</span> element nested within the current
<span class="literal">table</span> element. The integer parameter points to the
zero-based index in the <span class="literal">rows</span> collection where the
new row should go, but in IE you can also use the shortcut value of
<span class="literal">-1</span> to append the row to the end of the collection.
Adding the row inserts an empty element, to which you add cells via
the <span class="literal">insertCell( )</span> method. Unfortunately, scripting
the addition of table rows and cells in IE for the Macintosh
(including Version 5.1) is very broken, yielding elephantine row and
cell dimensions. For nonnested tables, you might be able to get away
with regular document tree node creation and insertion instead of the
<span class="literal">table</span> (and related) object convenience methods.
</p>
												</td>
</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="parameters"><span class="title">Parameters</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td>
						<ul><li><span class="literal"></span>Zero-based integer corresponding to a row of the
<span class="literal">rows</span> collection before which the new row is to be
inserted.
</li></ul>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="returnedvalue"><span class="title">Returned Value</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>			Reference to the newly inserted row.</p>
					</td>
				</tr>
			</table>
		</div><div id="lastPage( ), nextPage( ), previousPage( )">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">lastPage( ), nextPage( ), previousPage( )</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">n/a</span> IE <span class="emphasis">4/5</span> DOM <span class="emphasis">n/a</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Advises the data binding facilities to load the last, next, or
previous group of records from the data source to fill the number of
records established with the <span class="literal">dataPageSize</span>
property. The <span class="literal">lastPage( )</span> method is available in
IE 5 or later.
</p>
												</td>
</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="parameters"><span class="title">Parameters</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>			None.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="returnedvalue"><span class="title">Returned Value</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>			None.</p>
					</td>
				</tr>
			</table>
		</div><div id="moveRow( )">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">moveRow( )</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">n/a</span> IE <span class="emphasis">5(Win)</span> DOM <span class="emphasis">n/a</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal">moveRow(<span class="replaceable">indexToMove</span>,
<span class="replaceable">destinationIndex</span>)</p>
					</td><td valign="top" nowrap class="requirements">&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Moves a row in the table from its original location to a different
row position. The first parameter is a zero-based index of the row
(within the <span class="literal">rows</span> collection) you wish to move. The
second parameter is the index of the row before which you want to
move the row. As a method of the <span class="literal">table</span> object,
<span class="literal">moveRow( )</span>'s index parameters
include the first row, which may contain <span class="literal">th</span>
elements you don't want to move. Invoke the method
on the <span class="literal">tbody</span> object if you want counting to be
just within a table section.
</p>
												</td>
</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="parameters"><span class="title">Parameters</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td>
						<ul><li><span class="literal"></span>A zero-based integer pointing to the row to move.</li><li><span class="literal"></span>A zero-based integer pointing to the row above which the row is to be
moved.
</li></ul>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="returnedvalue"><span class="title">Returned Value</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>			Reference to the moved row.</p>
					</td>
				</tr>
			</table>
		</div><div id="refresh( )">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">refresh( )</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">n/a</span> IE <span class="emphasis">4</span> DOM <span class="emphasis">n/a</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Advises the data binding facilities to reload the current page of
data from the data source. If your table is retrieving
frequently-changing data from a database, you can create a
<span class="literal">setTimeout( )</span> loop to invoke
<span class="literal">document.getElementById("myTable").refresh( )</span> as
often as users would want updated information from the database.
</p>
												</td>
</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="parameters"><span class="title">Parameters</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>			None.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="returnedvalue"><span class="title">Returned Value</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>			None.</p>
					</td>
				</tr>
			</table>
		</div>

</body>
</html>