javascript擷取表單屬性的三種方法

  

可以使用數字或名稱索引頁面中的元素集合，每個元素的屬性都變成了集合中相應對象的屬性。

 

<form name="form1"><a href="http://www.dreamdu.com/xhtml/" name="a1">xhtml</a>
  <input name="name" type="text/>"
  </form>
  <form name="form2"><a href="http://www.dreamdu.com/css/" name="a2">css</a></form>
  <form name="form3"><a href="http://www.dreamdu.com/javascript/" name="a3">javascript</a></form>
//擷取表單屬性的三種方法
  <input type="button" value="顯示第二個表單的名稱" onclick="alert(document.form1.name.value)" />
<input type="button" value="顯示第二33個表單的名稱" onclick="alert(document.forms[0].name.value)" />
  <input type="button" value="顯示第二個表單的名稱第二種方法" onclick="alert(document.forms['form1'].name.value)" />
  <input type="button" value="顯示第三個連結的名稱" onclick="alert(document.links[2].name)" />

  <input type="button" value="顯示第三個連結的名稱第二種方法" onclick="alert(document.links['a3'].name)" />
  <input type="button" value="顯示第三個連結href屬性的值" onclick="alert(document.links[2].href)" />

由於document代表HTML文檔的內容，因此可以通過它表示文檔中載入的一些元素，這些元素全部通過集合訪問。

• anchors -- 文檔中所有錨(a name="aname")的集合
• applets -- 文檔中所有applet標籤表示的內容的集合
• embeds -- 文檔中所有embed標籤表示的內容的集合
• forms -- 文檔中所有from標籤表示的內容的集合
• images -- 文檔中所有image標籤表示的內容的集合
• links -- 文檔中所有a(連結)標籤表示的內容的集合