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)文章
這篇文章主要介紹了基于BootStarp的Dailog 的相關(guān)資料,需要的朋友可以參考下2016-04-04
本文主要介紹了JavaScript 對象合并的幾種方法小結(jié)，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-02-02
本文將利用JS實現(xiàn)一個簡單的網(wǎng)頁版地圖，這個簡單的網(wǎng)頁版地圖能根據(jù)城市名進(jìn)行位置查詢。文中的示例代碼講解詳細(xì)，感興趣的可以了解一下2022-05-05
今天小編就為大家分享一篇layer.js之回調(diào)銷毀對話框的例子，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
Javascript通過overflow控制列表閉合與展開的方法
這篇文章主要介紹了Javascript通過overflow控制列表閉合與展開的方法,設(shè)計javascript動態(tài)操作頁面元素與樣式的相關(guān)技巧,需要的朋友可以參考下2015-05-05
這篇文章主要介紹了用JS制作可交互的視頻進(jìn)度條的案例,在開始制作視頻進(jìn)度條之前,想先給大家補充一些關(guān)于元素的一些特點和用法,為大家更好地理解接下來的分享,感興趣的朋友可以參考下2024-04-04
js 方法實現(xiàn)返回多個數(shù)據(jù)的代碼
2009-04-04
javascript如何動態(tài)加載表格與動態(tài)添加表格行
在某些時候需要動態(tài)加載表格與動態(tài)添加表格行，在接下來的文章中將為大家介紹下javascript是如何做到的，感興趣的朋友不要錯過2013-11-11
IE,firefox(火狐)瀏覽器無提示關(guān)閉窗口js實現(xiàn)代碼小結(jié)
在不是js打開的頁面上按window.close()，會有提示框，很煩，現(xiàn)在可以不用了，沒有提示框直接關(guān)閉窗口。下面腳本之家編輯特為大家整理了一些。2009-09-09
這篇文章主要介紹了微信小程序接入vant Weapp組件的詳細(xì)步驟,本文通過圖文并茂的形式給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2020-10-10