您現(xiàn)在的位置： 365建站網(wǎng) > 建站教程 > JavaScript 教程 > HTML DOM elements 集合

HTML DOM elements 集合

此節(jié)有 183 人學(xué)習(xí)過參與評論

定義和用法

elements 集合可返回包含表單中所有元素的數(shù)組。

元素在數(shù)組中出現(xiàn)的順序和它們在表單的HTML 源代碼中出現(xiàn)的順序相同。

每個元素都有一個 type 屬性，其字符串值說明了元素的類型。

語法

formObject.elements[].property

提示和注釋

提示：如果 elements[] 數(shù)組具有名稱（input 標(biāo)簽的 id 或 name 屬性），那么該元素的名稱就是 formObject 的一個屬性，因此可以使用名稱而不是數(shù)字來引用 input 對象。

舉例，假設(shè) x 是一個 form 對象，其中的一個 input 對象的名稱是 fname，則可以使用 x.fname 來引用該對象。

實(shí)例

下面的例子輸出了所有表單元素的值和類型：

<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>