【摘要】:表5.3文档对象的方法下面的示例演示了通过元素的id获取特定的页面元素。图5.6例5.4的运行结果页面中各个标签的id属性值应保证唯一性。图5.7例5.5的运行结果页面中可以让多个标签的name属性共享一个值,典型的情况是表单中一组同名的单选按钮。document对象的getElementsByName()方法将把name属性为参数值的多个元素以对象数组的方式返回,通过索引可以区分它们。例5.6:运行此页面,单击“测试”按钮。结果如图5.8所示。
文档对象的方法见表5.3。
表5.3 文档对象的方法

下面的示例演示了通过元素的id获取特定的页面元素。
例5.4:

运行此页面,输入测试数据:用户名为“zhangsan”,然后单击“测试”按钮。结果如图5.6所示。

图5.6 例5.4的运行结果
![]()
页面中各个标签的id属性值应保证唯一性。document对象的getElementById()方法将返回页面中id属性值为参数值的页面元素对象,当页面中找不到此id的元素时,方法将返回null值。
下面的示例演示了通过元素的name获取一组页面元素。
例5.5:
(https://www.xing528.com)
运行此页面,输入测试数据:密码和确认密码都为“123456”,然后单击“测试”按钮。结果如图5.7所示。

图5.7 例5.5的运行结果
![]()
页面中可以让多个标签的name属性共享一个值,典型的情况是表单中一组同名的单选按钮。document对象的getElementsByName()方法将把name属性为参数值的多个元素以对象数组的方式返回,通过索引可以区分它们。
下面的示例演示了通过元素的标签名获取一组页面元素。
例5.6:

运行此页面,单击“测试”按钮。结果如图5.8所示。

图5.8 例5.6的运行结果
![]()
document对象的getElementsByTagName()方法以标签名作为参数,返回页面中使用此标签的多个页面元素对象构成的数组。
免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。
