Document:getElementsByName()使用方法及示例
更新時間：2013年10月28日 15:29:10 作者：
Document:getElementsByName()想必大家對它并不陌生吧，主要是根據(jù)名稱獲取元素，下面是其具體的使用方法及范例，感興趣的朋友不要錯過
定義和用法
getElementsByName() 方法可返回帶有指定名稱的對象的集合。
語法document.getElementsByName(name)
該方法與 getElementById() 方法相似，但是它查詢元素的 name 屬性，而不是 id 屬性。
另外，因為一個文檔中的 name 屬性可能不唯一（如 HTML 表單中的單選按鈕通常具有相同的 name 屬性），所有 getElementsByName() 方法返回的是元素的數(shù)組，而不是一個元素。
實例
<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對象才能使用,而且返回的是數(shù)組的第一個元素,呵呵,它的方法名都寫明了是getElement而不是getElements,所以,千萬不要搞渾了.getElementsByName返回的是所有name為指定值的所有元素的集合
“根據(jù) NAME 標(biāo)簽屬性的值獲取對象的集合?！奔媳葦?shù)組要松散的多, 集合里每個子項的類型可以不同, 集合只是把某些元素放在一起作為一類來使用, 相比之下數(shù)組就嚴(yán)格多了, 每個子項都是統(tǒng)一的類型. document.getElementsByName, document.getElementsByTagName, document.formName.elements 這類方法所得到的結(jié)果都是集合.用于批量更新時的數(shù)據(jù)傳遞.
getElementsByName() 方法可返回帶有指定名稱的對象的集合。
語法document.getElementsByName(name)
該方法與 getElementById() 方法相似，但是它查詢元素的 name 屬性，而不是 id 屬性。
另外，因為一個文檔中的 name 屬性可能不唯一（如 HTML 表單中的單選按鈕通常具有相同的 name 屬性），所有 getElementsByName() 方法返回的是元素的數(shù)組，而不是一個元素。
實例
復(fù)制代碼 代碼如下:
<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對象才能使用,而且返回的是數(shù)組的第一個元素,呵呵,它的方法名都寫明了是getElement而不是getElements,所以,千萬不要搞渾了.getElementsByName返回的是所有name為指定值的所有元素的集合
“根據(jù) NAME 標(biāo)簽屬性的值獲取對象的集合?！奔媳葦?shù)組要松散的多, 集合里每個子項的類型可以不同, 集合只是把某些元素放在一起作為一類來使用, 相比之下數(shù)組就嚴(yán)格多了, 每個子項都是統(tǒng)一的類型. document.getElementsByName, document.getElementsByTagName, document.formName.elements 這類方法所得到的結(jié)果都是集合.用于批量更新時的數(shù)據(jù)傳遞.
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了JavaScript實現(xiàn)時間范圍效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-05-05
基于Cesium實現(xiàn)繪制圓形,正方形,多邊形,橢圓圖形標(biāo)注
這篇文章主要介紹了如何利用Cesium實現(xiàn)繪制圓形、正方形、多邊形、橢圓等形狀的圖形標(biāo)注，文中的示例代碼講解詳細(xì)，需要的可以參考一下2022-06-06
jsonp 全稱是JSON with Padding，是為了解決跨域請求資源而產(chǎn)生的解決方案。下面讓我們了解一下是如何使用的吧。2013-10-10
如何在javascript 中使用 xmlHttpRequest 發(fā)送 POST
本文將通過不同的示例解釋如何使用JavaScript代碼在AJAX編程中發(fā)送 XMLHttpRequest post 請求，本文通過實例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友參考下吧2023-07-07
JavaScript前端中的偽類元素before和after使用詳解
before和after也算是css里面最常見的元素了，而我卻一直不太了解，再不學(xué)一下就真的太不像話了。所以學(xué)習(xí)一下，需要的朋友們下面隨著小編來一起學(xué)習(xí)吧2023-02-02
本篇文章主要介紹了redux中間件之redux-thunk的具體使用，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-04-04
原生JavaScript實現(xiàn)AJAX、JSONP
本篇文章將會講解原生JavaScript如何實現(xiàn)簡單的AJAX，還有跨域請求JSONP。具有很好的參考價值。下面跟著小編一起來看下吧2017-02-02
為了兼容各種瀏覽器，今天沒事特意復(fù)習(xí)了一下js原生事件特性，對其封裝一下。2013-04-04
js實現(xiàn)按鈕控制圖片360度翻轉(zhuǎn)特效的方法
這篇文章主要介紹了js實現(xiàn)按鈕控制圖片360度翻轉(zhuǎn)特效的方法,涉及HTML5中canvas方法的使用技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-02-02
Javascript獲取數(shù)組中的最大值和最小值的方法匯總
比較數(shù)組中數(shù)值的大小是比較常見的操作，下面同本文給大家分享四種放哪廣發(fā)獲取數(shù)組中最大值和最小值，對此感興趣的朋友一起學(xué)習(xí)吧2016-01-01