14.3.3　　访问表单控件

　　　　表单在DOM中由HTMLFormElement对象表示，该对象除了可调用前面介绍的基本属性和方法之外，还拥有如下几个常用属性。

　　　　　　action：返回表单的action属性值，该属性用于指定表单的提交地址。读写属性。

　　　　　　elements：返回表单内全部表单控件所组成的数组。使用该数组可以访问该表单内的任何表单控件。只读属性。

　　　　　　length：返回表单内表单域的个数，该属性等于elements.length的值。只读属性。

　　　　　　method：返回该表单的method属性，该属性通常有POST和GET两个值，默认采用GET方式。该属性用于确定表单发送请求的方式。读写属性。

　　　　　　target：用于确定提交表单时的结果窗口，可以是_self、_parent、_top、_blank等值。读写属性。

　　　　除此之外，Form对象还有如下两个常用的方法。

　　　　　　reset()：重设表单，将所有表单域的值设为初始值。

　　　　　　submit()：提交表单。

　　　　HTMLFormElement访问表单控件有如下3中语法。

　　　　　　formObj.elements[index]：返回表单中第index个表单控件。

　　　　　　formObj.elements[‘elementName‘]：返回表单中id或name为elementName的表单控件。

　　　　　　formObj.elementName：返回表单中id或name为elementName的表单控件。

14.3.4　　访问列表框、下拉菜单的选项

　　　　HTMLSelectElement代表一个列表框或下拉菜单，HTMLSelectElement对象除了可使用普通HTML元素的各种属性和方法外，

　　　　还支持如下额外的属性。

　　　　　　form：返回列表框、下拉菜单所在的表单对象。只读属性。

　　　　　　length：返回列表框、下拉菜单的选项个数。该属性的值可通过增加或删除列表框的选项来改变。只读属性。

　　　　　　options：返回列表框、下拉菜单里所有选项组成的数组。只读属性。

　　　　　　selectdIndex：返回下拉列表中选中选项的索引，如果有多个选项被选中，则只返回第一个被选中选项的索引。读写属性。

　　　　　　type：返回下拉列表的类型，即是否允许多选。如果允许多选，则返回select-multiple；如果不支持多选，则返回select-one。

　　　　HTMLSelectElement的options属性可直接访问列表框、下拉菜单的所有列表项，传入指定索引即可访问指定列表项，语法格式如下。

　　　　　　select.options[index]：返回列表框、下拉菜单的第index+1个选项。

　　　　列表框、下拉菜单的选项由HTMLOptionElement对象表示，除了前面介绍的普通属性之外，该对象还提供了如下几个常用属性。

　　　　　　form：返回包含该选项所处列表框、下拉菜单的表单对象。

　　　　　　defaultSelected：返回该选项默认是否被选中。只读属性。

　　　　　　index：返回该选项在列表框、下拉菜单中的索引。只读属性。当然也可以通过增加或删除列表框的选项来改变该选项的索引值。

　　　　　　selected：返回该选项是否被选中，通过修改该属性可以动态改变该选项是否被选中。

　　　　　　text：返回该选项呈现的文本，就是<option>和</option>之间的文本。对HTMLOptionElement而言，该属性与innerHTML属性相同。

　　　　　　value：返回每个选项的value属性，可以通过设置该属性来改变选项的value值。

14.3.5　　访问表格子元素

　　　　HTMLTableElement代表表格，HTMLTableElement对象除了可使用普通HTML元素的各种属性和方法外，还支持如下额外的属性。

　　　　　　caption：返回该表格的标题对象。可通过修改该属性来改变表格标题。

　　　　　　HTMLCollection rows：返回该表格里的所有表格航，该属性会返回<thead>、<tfoot>和<tbody>元素里的所有表格航。只读属性。

　　　　　　table.rows[index]：返回该表格第index+1行的表格行。

　　　　　　HTMLCollection tBodies：返回该表格里所有<tbody>元素组成的数组。

　　　　　　tFoot：返回该表格里的<tfoot>元素。

　　　　　　fHead：返回该表格里的所有<thead>元素。

　　　　HTMLTableRowElement代表表格行，HTMLTableRowElement对象除了可使用普通HTML元素的各种属性和方法外，还支持如下额外的属性。

　　　　　　cells：返回该表格行内所有的单元格组成的数组。只读属性。

　　　　　　rowIndex：返回该表格行在表格内的索引值。只读属性。

　　　　　　sectonRowIndex：返回该表格行在其所在元素(<tbody>、<thead>等元素)的索引值。只读属性。

　　　　HTMLTableCellElement代表单元格，HTMLTableCellElement对象除了可使用普通HTML元素的各种属性和方法外，还支持如下额外的属性。

　　　　　　cellIndex：返回该单元格在该表格行内的索引值。只读属性。

14.4　　修改HTML元素

　　　　修改HTML元素通常通过修改如下几个常用属性来实现。

　　　　　　innerHTML：大部分HTML页面元素如<div>、<td>的呈现内容由该属性控制。

　　　　　　value：表单控件如<input>、<textarea>的呈现内容由该属性控制。

　　　　　　className：修改HTML元素的CSS样式，该属性的合法值是一个class选择器名。

　　　　　　style：修改HTML元素的内联CSS样式。

　　　　　　options[index]：直接对<select>元素的指定列表项赋值，可改变列表框、下拉菜单的指定列表项。