获取固定元素集合的方法(document.forms用法) |
类别属性:程序Web开发 > Javascript/Html | 发布时间:2024/9/28 20:55:39 | 视频长度:00:07:25
document.forms 属性:返回文档中所有〈form〉元素的集合。forms 属性是只读的。可以回顾一下“document.embeds用法”,都是返回对应标签的集合,因此都有“length”属性,返回对应元素标签的数量。
视频示例Html内容:放入 〈form id="userForm"〉和〈form id="fruitForm"〉和一个〈div id="result"〉。除此,还放入了一个〈hr /〉标签用来显示分割两个表单和div标签的。
JavaScript脚本部分:声明一个变量“myForm”赋值为 “document.forms”,通过“alert”弹出“myForm.item(0).fname.value”和“myForm.namedItem("userForm").fname.value”都能获取到同样用户名的内容值。“document.forms.item”用来指定“form”标签的索引的,document.forms.namedItem用来指定“form”表单的Id名的,form表单内的控件name名可以直接选取获取value,让div的innerHTML获取表单的innerHTML值,以及获取表单内控件值,document.getElementById("result").innerHTML = myForm[0].fname.value。
知识回顾:document.getElementsByTagName("form"),选取元素“form.”的标签,此种获取元素名也是返回集合类型,定义变量“tagName”,并且将document.getElementsByTagName("form")赋值给“tagName”,通过alert弹出“tagName[0].fname.value”,运行结果弹出的提示,也是能获取到用户名内容值的。