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