js取值中form.all和不加all的区别阐述

发布时间：2023-09-26 14:55:50 所属栏目：教程来源：

导读：在js里取值，可以用form.xx.value，也可以用form.all.xx.value，那么他们有什么区别呢？

原先想当然的以为加all是取form里的所有xx（如果有多个name相同的元素），返回的是数组，后来在网上搜索了一下，发现不是

在js里取值，可以用form.xx.value，也可以用form.all.xx.value，那么他们有什么区别呢？

原先想当然的以为加all是取form里的所有xx（如果有多个name相同的元素），返回的是数组，后来在网上搜索了一下，发现不是这个意思，

all代表的是form里的所有元素，就是说form.all可以访问<form></form>标签包含的任意元素，包括div、table等，而form.xx只能访问表单元素，像input、select等。

测试如下：

代码如下:

<form>

<div id=div1><input name=text1 id=text1></div>

<input name=text2 id=text2>

</form>

form.xx只能访问text1、text2（对表单元素，name和id通用），而form.all.xx则可以访问text1、text2、div1。

对表单元素，name和id通用，例如上面，form.text1和form.all.text1等同。

对非表单元素，只能通过form.all.xx(xx是id)形式访问，也可以省略form.all，就是说可以直接使用xx。

注意：访问表单元素时，如果有多个xx，则form.xx和form.all.xx返回的都是数组，

而对于非表单元素，如果有多个id相同的元素，则form.all.xx代表第一个元素，会忽略其他的。

（编辑：聊城站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!