Document:getElementsByName()使用方法及示例

2019-11-20 21:50:11

字體：大中小

來源：轉載

供稿：網友

定義和用法

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 這類方法所得到的結果都是集合.用于批量更新時的數據傳遞.

上一篇：JS 如何獲取radio選中后的值及不選擇取radio的值

下一篇：JS截取字符串常用方法詳細整理