js取值中form.all和不加all的區(qū)別介紹
更新時(shí)間：2014年01月20日 16:36:32 作者：
在js里取值，可以用form.xx.value，也可以用form.all.xx.value，那么js取值中form.all和不加all有什么區(qū)別呢？下面就為大家詳細(xì)介紹下
在js里取值，可以用form.xx.value，也可以用form.all.xx.value，那么他們有什么區(qū)別呢？
原先想當(dāng)然的以為加all是取form里的所有xx（如果有多個(gè)name相同的元素），返回的是數(shù)組，后來(lái)在網(wǎng)上搜索了一下，發(fā)現(xiàn)不是這個(gè)意思，
all代表的是form里的所有元素，就是說(shuō)form.all可以訪問(wèn)<form></form>標(biāo)簽包含的任意元素，包括div、table等，而form.xx只能訪問(wèn)表單元素，像input、select等。
測(cè)試如下：
<form>
<div id=div1><input name=text1 id=text1></div>
<input name=text2 id=text2>
</form>
form.xx只能訪問(wèn)text1、text2（對(duì)表單元素，name和id通用），而form.all.xx則可以訪問(wèn)text1、text2、div1。
對(duì)表單元素，name和id通用，例如上面，form.text1和form.all.text1等同。
對(duì)非表單元素，只能通過(guò)form.all.xx(xx是id)形式訪問(wèn)，也可以省略form.all，就是說(shuō)可以直接使用xx。
注意：訪問(wèn)表單元素時(shí)，如果有多個(gè)xx，則form.xx和form.all.xx返回的都是數(shù)組，
而對(duì)于非表單元素，如果有多個(gè)id相同的元素，則form.all.xx代表第一個(gè)元素，會(huì)忽略其他的。
原先想當(dāng)然的以為加all是取form里的所有xx（如果有多個(gè)name相同的元素），返回的是數(shù)組，后來(lái)在網(wǎng)上搜索了一下，發(fā)現(xiàn)不是這個(gè)意思，
all代表的是form里的所有元素，就是說(shuō)form.all可以訪問(wèn)<form></form>標(biāo)簽包含的任意元素，包括div、table等，而form.xx只能訪問(wèn)表單元素，像input、select等。
測(cè)試如下：
復(fù)制代碼 代碼如下:
<form>
<div id=div1><input name=text1 id=text1></div>
<input name=text2 id=text2>
</form>
form.xx只能訪問(wèn)text1、text2（對(duì)表單元素，name和id通用），而form.all.xx則可以訪問(wèn)text1、text2、div1。
對(duì)表單元素，name和id通用，例如上面，form.text1和form.all.text1等同。
對(duì)非表單元素，只能通過(guò)form.all.xx(xx是id)形式訪問(wèn)，也可以省略form.all，就是說(shuō)可以直接使用xx。
注意：訪問(wèn)表單元素時(shí)，如果有多個(gè)xx，則form.xx和form.all.xx返回的都是數(shù)組，
而對(duì)于非表單元素，如果有多個(gè)id相同的元素，則form.all.xx代表第一個(gè)元素，會(huì)忽略其他的。
相關(guān)文章
這篇文章主要介紹了原生Js實(shí)現(xiàn)的畫(huà)廊功能，幫助大家更好的理解和學(xué)習(xí)使用JavaScript，感興趣的朋友可以了解下2021-05-05
JavaScript?字符串新增方法?trim()?的使用說(shuō)明
這篇文章主要介紹了JavaScript字符串新增方法trim()的使用說(shuō)明，文章圍繞主題展開(kāi)詳細(xì)的內(nèi)容介紹，具有一定的參考價(jià)值，需要的朋友可以參考一下2022-09-09
想必大家對(duì)參數(shù)傳遞并不陌生吧，本文為大家介紹下JS的參數(shù)傳遞,需要的朋友可以參考下2014-02-02
js實(shí)現(xiàn)帶三角符的手風(fēng)琴效果
本文主要介紹了js實(shí)現(xiàn)帶三角符手風(fēng)琴效果的實(shí)例。具有很好的參考價(jià)值，下面跟著小編一起來(lái)看下吧2017-03-03
今天小編就為大家分享一篇 layui擴(kuò)展上傳組件模擬進(jìn)度條的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-09-09
DataGear開(kāi)發(fā)基于three.js的3D數(shù)據(jù)可視化看板的詳細(xì)代碼
DataGear?支持采用原生的HTML、JavaScript、CSS制作數(shù)據(jù)可視化看板，也支持導(dǎo)入由npm、vite等前端工具構(gòu)建的前端程序包，這篇文章主要介紹了DataGear制作基于three.js的3D數(shù)據(jù)可視化看板,需要的朋友可以參考下2024-02-02
JavaScript實(shí)現(xiàn)帶箭頭標(biāo)識(shí)的多級(jí)下拉菜單效果
這篇文章主要介紹了JavaScript實(shí)現(xiàn)帶箭頭標(biāo)識(shí)的多級(jí)下拉菜單效果,可實(shí)現(xiàn)橫向與縱向箭頭的形式標(biāo)識(shí)選中菜單項(xiàng)位置的功能,涉及javascript針對(duì)頁(yè)面元素位置的判定與樣式動(dòng)態(tài)操作技巧,需要的朋友可以參考下2015-08-08
JavaScript實(shí)現(xiàn)經(jīng)典貪吃蛇游戲
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)經(jīng)典貪吃蛇游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-09-09
這篇文章主要為大家詳細(xì)介紹了微信小程序CSS3動(dòng)畫(huà)下拉菜單效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-11-11
Javascript實(shí)現(xiàn)登錄記住用戶名和密碼功能
本文主要介紹了Javascript實(shí)現(xiàn)登錄記住用戶名和密碼功能的代碼。具有很好的參考價(jià)值。下面跟著小編一起來(lái)看下吧2017-03-03