掌握文档对象模型的关键要点

视频教学资源

掌握表单对象常用的访问

掌握表单对象常用的属性和方法

掌握各种表单元素对象访问

掌握各种表单元素对象常用的属性

请在预习前完成下列单词，将单词写在横线上。

element（['elɪmənt]元素）：___________________________________________

action（['ækʃn]操作、动作）：_________________________________________

method（['meθəd]方式、方法）：________________________________________

submit（[səb'mɪt]提交）：____________________________________________

reset（[ˌri：'set]重置、重填）：_________________________________________

value（['vælju：]值）：________________________________________________

checked（[tʃekt]检查过的、核对过的）：_________________________________

focus（['fəʊkəs]聚焦）：_____________________________________________

add（[æd]添加）：__________________________________________________

remove（[rɪˈmu：v]移除）：_____________________________________________

selected（[sɪ'lektɪd]已选中的）：______________________________________

1.关于表单对象的访问，以下选项错误的是（）。（选择一项）(www.xing528.com)

A.使用表单对象的elements集合，可访问表单内的所有表单元素

B.调用表单对象的reset（）方法，可将表单重置，即将表单内的所有表单元素清空

C.可以使用脚本动态更改表单对象的action地址

D.除了使用提交按钮将表单提交之外，还可使用脚本将表单提交

2.关于表单元素的访问，以下选项正确的是（）。（选择两项）

A.通过调用select（）方法，将一个单选按钮选中

B.对于文本框、密码框和多行文本框，可调用focus（）方法将焦点赋予它们

C.要获取单选按钮或复选框是否处于被选中的状态，应获取它们的selected属性的值

D.调用文本框对象的clear（）方法，将使文本框的内容清空

3.关于列表框元素及其选项，以下选项正确的是（）。（选择两项）

A.访问列表框元素对象的text属性，可以获取列表框中选中的选项的文本

B.列表框元素对象有selectedIndex属性，用它可获知列表框中被选中的选项是第几项，但这个属性是只读的

C.列表框元素对象有options集合，它表示列表框包含的所有选项，这个集合拥有remove（）方法、add（）方法和length（）方法

D.当调用Option对象的构造函数时，如果带有两个参数，则第二个参数表示这个选项的value属性的值

4.创建一个HTML页面，实现全选与全不选效果，如下图所示。（参考本章例6.7）

实现全选与全不选效果

本章将详细介绍使用JavaScript访问网页文档中表单和表单元素，以及使用它们的属性和方法。