js中通過getElementsByName訪問name集合對(duì)象的方法
更新時(shí)間：2016年10月31日 13:08:57 投稿：jingxian
下面小編就為大家?guī)硪黄猨s中通過getElementsByName訪問name集合對(duì)象的方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
1、查找給定name屬性的所有元素，這個(gè)方法將返回一個(gè)節(jié)點(diǎn)集合，也可以稱為對(duì)象集合。
2、這個(gè)集合可以作為數(shù)組來對(duì)待，length屬性的值表示集合的個(gè)數(shù)。
3、因?yàn)樵趆tml頁面中，name不能唯一確定一個(gè)元素，所以方法的名稱為getElementsByName而不是getElementByName
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>無標(biāo)題文檔</title>
</head>
<body>
<p>
<input type="text" name="luck" value="我中獎(jiǎng)了，中了一個(gè)億" onclick="aa()" id="luck1" />
</p>
<p>
<input type="text" name="luck" value="我交了女朋友" id="luck2" />
</p>
<p>
<input type="text" name="luck" value="我升遷了" id="luck3" />
</p>
<p>
<input type="text" name="luck" value="我買房了" id="luck4" />
</p>
<script>
/*
1、獲取每一個(gè)文本框的值
2、獲取每一個(gè)文本框的類型
3、為每一個(gè)文本框增加點(diǎn)擊事件
*/
/*
第一步 獲取name屬性為luck值得對(duì)象數(shù)組(節(jié)點(diǎn)數(shù)組)
*/
var luckElements = document.getElementsByName("luck");
/*
第二步 遍歷節(jié)點(diǎn)數(shù)組
*/
for(var i=0;i<luckElements.length;i++){
//獲取元素的value值
alert(luckElements[i].value);
//獲取元素的type值
alert(luckElements[i].type);
//為每一個(gè)元素的onclick屬性賦值即為文本框增加點(diǎn)擊事件
luckElements[i].onclick=function(){
alert(this.value);
}
}
</script>
</body>
</html>
3、因?yàn)樵趆tml頁面中，name不能唯一確定一個(gè)元素，所以方法的名稱為getElementsByName而不是getElementByName
以上就是小編為大家?guī)淼腏avaScript中通過getElementsByName訪問name集合對(duì)象的方法全部?jī)?nèi)容了，希望大家多多支持腳本之家~
相關(guān)文章
當(dāng)大家使用window.onload執(zhí)行一個(gè)函數(shù)時(shí)，必須要等到頁面上的圖片等信息全部加載完畢之后才執(zhí)行的。但很多時(shí)候圖片的數(shù)量比較多，所以需要很多時(shí)間下載。更令人尷尬的是，當(dāng)網(wǎng)頁文檔（或者說Dom）已經(jīng)加載完畢,而圖片尚未加載完畢，很多用戶已經(jīng)開始瀏覽網(wǎng)頁，但這時(shí)很多由window.onload所觸發(fā)的函數(shù)不能執(zhí)行，這就導(dǎo)致一部分功能不能完美地給用戶使用，更嚴(yán)重的是會(huì)給用戶留下不好的印象！2008-05-05
JS中把函數(shù)作為另一函數(shù)的參數(shù)傳遞方法(總結(jié))
下面小編就為大家?guī)硪黄狫S中把函數(shù)作為另一函數(shù)的參數(shù)傳遞方法(總結(jié))。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-06-06
微信小程序前后端數(shù)據(jù)交互的詳細(xì)圖文教程
這篇文章主要給大家介紹了關(guān)于微信小程序前后端數(shù)據(jù)交互的相關(guān)資料,通過小程序向后端發(fā)送請(qǐng)求,然后后端從數(shù)據(jù)庫獲取車源和求購(gòu)的數(shù)量反饋給小程序,最后將這兩個(gè)數(shù)據(jù)顯示出來,需要的朋友可以參考下2022-10-10
關(guān)于uniapp中onReachBottomDistance屬性的使用
這篇文章主要介紹了關(guān)于uniapp中onReachBottomDistance屬性的使用方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-09-09
本文主要分享了原生JS實(shí)現(xiàn)跑馬燈效果的示例代碼。具有很好的參考價(jià)值，下面跟著小編一起來看下吧2017-02-02
上部分我們逐一分析了各瀏覽器的可行方法，這部分將搞鼓出一個(gè)統(tǒng)一的類來實(shí)現(xiàn)跨瀏覽器的線性漸變。2009-10-10
smartupload實(shí)現(xiàn)文件上傳時(shí)獲取表單數(shù)據(jù)(推薦)
這篇文章主要介紹了smartupload實(shí)現(xiàn)文件上傳時(shí)獲取表單數(shù)據(jù)的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-12-12
js中string轉(zhuǎn)int把String類型轉(zhuǎn)化成int類型
今天碰到一個(gè)問題，需要把String類型的變量轉(zhuǎn)化成int類型的，js中String轉(zhuǎn)int和Java中不一樣，不能直接把Java中的用到j(luò)s中2014-08-08
這篇文章介紹了JS中的幾種循環(huán)和跳出方式，文中通過示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-07-07
這篇文章主要給大家詳細(xì)介紹了javascript中鼠標(biāo)滾輪事件，圖文并茂，十分的詳細(xì)，有需要的小伙伴可以參考下。2015-05-05