首页 > 产品 > 视频播放

视频演示:获取固定元素集合的方法(document.forms用法)/JavaScript 网页编程

您可以先体验部分视频,然后再购买.
00:00/00:00
JavaScript 网页编程 > Javascript 网页操作与控制

获取固定元素集合的方法(document.forms用法) |

类别属性:程序Web开发 > Javascript/Html | 发布时间:2024/9/28 20:55:39 | 视频长度:00:07:25

获取固定元素集合的方法(document.forms用法)

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”,运行结果弹出的提示,也是能获取到用户名内容值的。

获取固定元素集合的方法(document.forms用法) - 问和答
用户提问:
您访问过的视频
您已经下载的视频
遺昕 | Weisim3.com 下载许可条款 ( 您必须接受同意才可免费下载 ) .