js取值中form.all和不加all的區別介紹_javascript技巧

在js裡取值，可以用form.xx.value，也可以用form.all.xx.value，那他們有什麼差別呢？

原先想當然的以為加all是取form裡的所有xx（如果有多個name相同的元素），返回的是數組，後來在網上搜索了一下，發現不是這個意思，

all代表的是form裡的所有元素，就是說form.all可以存取

標籤包含的任意元素，包括div、table等，而form.xx只能存取表單元素，像input、select等。

測試如下：

複製代碼 代碼如下:

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代表第一個元素，會忽略其他的。