DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> Document:getElementsByName()使用方法及示例
Document:getElementsByName()使用方法及示例
編輯:關於JavaScript     
定義和用法

getElementsByName() 方法可返回帶有指定名稱的對象的集合。
語法document.getElementsByName(name)

該方法與 getElementById() 方法相似,但是它查詢元素的 name 屬性,而不是 id 屬性。

另外,因為一個文檔中的 name 屬性可能不唯一(如 HTML 表單中的單選按鈕通常具有相同的 name 屬性),所有 getElementsByName() 方法返回的是元素的數組,而不是一個元素。

實例
復制代碼 代碼如下:
<html>
<head>
<script type="text/javascript">
function getElements() {
var x=document.getElementsByName("myInput");
alert(x.length);
}
</script>
</head>
<body>
<input name="myInput" type="text" size="20" /><br />
<input name="myInput" type="text" size="20" /><br />
<input name="myInput" type="text" size="20" /><br /><br />
<input type="button" onclick="getElements()"value="How many elements named 'myInput'?" />
</body>
</html>

getElementById,它也是只有document對象才能使用,而且返回的是數組的第一個元素,呵呵,它的方法名都寫明了是getElement而不是getElements,所以,千萬不要搞渾了.getElementsByName返回的是所有name為指定值的所有元素的集合

“根據 NAME 標簽屬性的值獲取對象的集合。”集合比數組要松散的多, 集合裡每個子項的類型可以不同, 集合只是把某些元素放在一起作為一類來使用, 相比之下數組就嚴格多了, 每個子項都是統一的類型. document.getElementsByName, document.getElementsByTagName, document.formName.elements 這類方法所得到的結果都是集合.用於批量更新時的數據傳遞.
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved