HTML DOM elements 集合
定義和用法
elements 集合可返回包含表單中所有元素的數(shù)組。
元素在數(shù)組中出現(xiàn)的順序和它們?cè)诒韱蔚腍TML 源代碼中出現(xiàn)的順序相同。
每個(gè)元素都有一個(gè) type 屬性,其字符串值說(shuō)明了元素的類(lèi)型。
語(yǔ)法
formObject.elements[].property
提示和注釋
提示:如果 elements[] 數(shù)組具有名稱(chēng)(input 標(biāo)簽的 id 或 name 屬性),那么該元素的名稱(chēng)就是 formObject 的一個(gè)屬性,因此可以使用名稱(chēng)而不是數(shù)字來(lái)引用 input 對(duì)象。
舉例,假設(shè) x 是一個(gè) form 對(duì)象,其中的一個(gè) input 對(duì)象的名稱(chēng)是 fname,則可以使用 x.fname 來(lái)引用該對(duì)象。
實(shí)例
下面的例子輸出了所有表單元素的值和類(lèi)型:
<html> <body> <form id="myForm"> Firstname: <input id="fname" type="text" value="Mickey" /> Lastname: <input id="lname" type="text" value="Mouse" /> <input id="sub" type="button" value="Submit" /> </form> <p>Get the value of all the elements in the form:<br /> <script type="text/javascript"> var x=document.getElementById("myForm"); for (var i=0;i<x.length;i++) { document.write(x.elements[i].value
); document.write("<br />"); document.write(x.elements[i].type
); document.write("<br />"); } </script> </p> </body> </html>