<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">Button</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">button</span> object reflects the
<span class="literal">button</span> element. While IE for the Mac
doesn't share the sets of client- and scroll-
properties with all element objects, those properties are defined for
the <span class="literal">button</span> object. See the discussion of the
<span class="literal">button</span> element in Chapter 8 to see how it differs from the
<span class="literal">input</span> element of type <span class="literal">button</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;button&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">dataFld</span></td><td><span class="literal">dataFormatAs</span></td><td><span class="literal">dataSrc</span></td><td><span class="literal">form</span></td><td><span class="literal">name</span></td>
								</tr>
								<tr><td><span class="literal">status</span></td><td><span class="literal">type</span></td><td><span class="literal">value</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">createTextRange( )</span></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="accessKey">
					<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
						<tr><td valign="top" class="name">accessKey</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"><span class="emphasis">Read/Write</span>&nbsp;&nbsp;</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="description">
							<p>This is single character key that either gives focus to an element
		(in some browsers) or activates a form control or link action. The
		browser and operating system determine if the user must press a
		modifier key (e.g., <span class="emphasis">Ctrl</span>, <span class="emphasis">Alt</span>, or <span class="emphasis">Command</span>) with the access key to activate the
		link. In Windows versions of IE 5 and later and Netscape 6, the
		<span class="emphasis">Alt</span> key is required and the key is
		not case-sensitive. For Macintosh versions of IE 5 and later and
		Netscape 6, the <span class="emphasis">Ctrl</span> modifier key is
		required to effect the action.
		</p>
									</td>
								</tr>
    <tr>
      <td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
    </tr>
								<tr>
									<td colspan="2"><p>			Although listed here as a widely shared property, that
		isn't strictly the case across all implementations.
		Netscape 6 (per the W3C DOM) recognizes this property only for the
		following elements: <span class="literal">a</span>, <span class="literal">area</span>,
		<span class="literal">button</span>, <span class="literal">input</span>,
		<span class="literal">label</span>, <span class="literal">legend</span>, and
		<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">object</span>, <span class="literal">select</span>,
		<span class="literal">span</span>, <span class="literal">table</span>, and
		<span class="literal">td</span> (but removes <span class="literal">label</span> and
		<span class="literal">legend</span>). IE 5 adds every other renderable element,
		but with a caution. Except for <span class="literal">input</span> and other
		form-related elements, you must also assign a
		<span class="literal">tabindex</span> attribute or <span class="literal">tabIndex</span>
		property value to the IE 5 and later element (even if
		it's simply a value of zero for all) to let the
		accelerator key combination bring focus to the element. As of Version
		7, Netscape does not alter UI behavior if a script changes the
		property's value.
		</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.links[3].accessKey = "n";</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>			Single alphanumeric (and punctuation) keyboard character.</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="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="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="clientLeft, clientTop">
					<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
						<tr><td valign="top" class="name">clientLeft, clientTop</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>			Broadly speaking, these provide the left and top coordinates of the
		element's content within the box that includes the
		element's padding, but with minor variations among
		various operating system versions of IE. Not available for all
		element types in IE for Macintosh. See the Section 9.2 at the beginning of
		this chapter for details. More useful information for inline element
		positioning generally comes from the <span class="literal">offsetLeft</span>
		and <span class="literal">offsetTop</span> properties (including Netscape 6).
		For CSS-positioned elements (including changing an
		element's position), use <span class="literal">style</span>
		object properties, such as <span class="literal">left</span> and
		<span class="literal">top</span>, and (in IE only) <span class="literal">pixelLeft</span>
		and <span class="literal">pixelTop</span>.
		</p>
									</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="dataFld">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">dataFld</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 to associate a remote data source column
name to a <span class="literal">button</span> object's label.
A <span class="literal">datasrc</span> attribute must also be set for the
element. Setting both the <span class="literal">dataFld</span> and
<span class="literal">dataSrc</span> properties to empty strings breaks the
binding between element and data source.
</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("myButton").dataFld = "linkURL";</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>			Case-sensitive identifier of the data source column.</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="dataFormatAs">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">dataFormatAs</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 whether
the source material arriving from the data source is to be treated as
plain text or as tagged HTML.
</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("myButton").dataFormatAs = "html";</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 constant values: <span class="literal">text</span> |
<span class="literal">html</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">text</span></p>
					</td>
				</tr>
			</table>
		</div><div id="dataSrc">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">dataSrc</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 to specify the ID of the
page's <span class="literal">object</span> element that loads
the data source object for remote data access. Content from the data
source is specified via the <span class="literal">datafld</span> attribute in
the <span class="literal">button</span> element. Setting both the
<span class="literal">dataFld</span> and <span class="literal">dataSrc</span> properties
to empty strings breaks the binding between element and data source.
</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("myButton").dataSrc = "DBSRC3";</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>			Case-sensitive identifier of the <span class="literal">object</span> element.</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="disabled">
					<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
						<tr><td valign="top" class="name">disabled</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>			Specifies whether the element is available for user interaction. When
		set to <span class="literal">true</span>, the element cannot receive focus or
		be modified by the user, and it typically appears grayed out on the
		page. This property is available for all HTML element objects in IE
		5.5 for Windows and later. For IE 4 and IE 5, it applies only to form
		controls, while Netscape 6 and later recognize the property for form
		controls and the <span class="literal">style</span> element object. A disabled
		form control's name/value pair is not submitted with
		its form.
		</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("myButton").disabled = true;</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>			Boolean value: <span class="literal">true</span> | <span class="literal">false</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">false</span></p>
							</td>
						</tr>
					</table>
				</div>
				<div id="filters[ ]">
							<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
								<tr><td valign="top" class="name">filters[ ]</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>			Returns an array of all <span class="literal">filter</span> objects contained
				by the current element. Applies only to the following element
				objects: <span class="literal">bdo</span>, <span class="literal">body</span>,
				<span class="literal">button</span>, <span class="literal">div</span>,
				<span class="literal">fieldset</span>, <span class="literal">img</span>,
				<span class="literal">input</span>, <span class="literal">marquee</span>,
				<span class="literal">rt</span>, <span class="literal">ruby</span>,
				<span class="literal">span</span>, <span class="literal">table</span>,
				<span class="literal">td</span>, <span class="literal">textarea</span>, and
				<span class="literal">th</span>. See the <span class="literal">filter</span> object for
				referencing syntax.
				</p>
											</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>			Array of <span class="literal">filter</span> object references.</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 zero.</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="form">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">form</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 reference to the <span class="literal">form</span> element that
contains the current element (if any).
</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 theForm = event.srcElement.form;</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="name">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">name</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>This is the identifier associated with the element when used as a
form control. The value of this property is submitted as one-half of
the name/value pair when the form is submitted to the server. Names
are hidden from user view, since control labels are assigned via
other means, depending on the control type. Form control names may
also be used by script references to the 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>document.forms[0].compName.name = "company";</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>			Case-sensitive identifier that follows the rules of identifier
naming: it may contain no whitespace, cannot begin with a numeral,
and should avoid punctuation except for the underscore character.
</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="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="status">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">status</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>Unlike the <span class="literal">status</span> property of other types of form
controls, the property has no visual or functional impact on the
button.
</p>
												</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>			Boolean value: <span class="literal">true</span> | <span class="literal">false</span>; or
<span class="literal">null</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">null</span></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 valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</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="type">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">type</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>Specifies whether the <span class="literal">button</span> element is specified
as a <span class="literal">button</span>, <span class="literal">reset</span>, or
<span class="literal">submit</span> style button.
</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>if (evt.target.type == "button") {
    // process button element
}</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>			One of the three constants (as a string): <span class="literal">button</span> |
<span class="literal">reset</span> | <span class="literal">submit</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">button</span></p>
					</td>
				</tr>
			</table>
		</div><div id="value">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">value</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>Provides the current value associated with the form control that is
submitted with the name/value pair for the element. Unlike the
button-type <span class="literal">input</span> element object, this
<span class="literal">value</span> property's value is unseen
by the user; the label is set by the element's
content (<span class="literal">innerHTML</span> property or nested node).
</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 val = document.getElementById("myButton").value;</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>			None. </p>
					</td>
				</tr>
			</table>
		</div><div id="createTextRange( )">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">createTextRange( )</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">n/a</span> IE <span class="emphasis">4(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">&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Creates a <span class="literal">TextRange</span> object containing the
button's label text. See the
<span class="literal">TextRange</span> object.
</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>			<span class="literal">TextRange</span> object.</p>
					</td>
				</tr>
			</table>
		</div>

</body>
</html>