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