@H_502_0@1、查找给定name属性的所有元素,这个方法将返回一个节点集合,也可以称为对象集合。
@H_502_0@2、这个集合可以作为数组来对待,length属性的值表示集合的个数。
@H_502_0@3、因为在html页面中,name不能唯一确定一个元素,所以方法的名称为getElementsByName而不是getElementByName
<div class="jb51code">
<pre class="brush:js;">
<!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">
<script>
/*
1、<a href="/tag/huoqu/" target="_blank" class="keywords">获取</a>每一个文本框的值
2、<a href="/tag/huoqu/" target="_blank" class="keywords">获取</a>每一个文本框的类型
3、为每一个文本框<a href="/tag/zengjia/" target="_blank" class="keywords">增加</a>点击事件
*/
/*
第一步 <a href="/tag/huoqu/" target="_blank" class="keywords">获取</a>name<a href="/tag/shuxing/" target="_blank" class="keywords">属性</a>为luck值得对象数组(节点数组)
*/
var luckElements = document.getElementsByName("luck");
/*
第二步 遍历节点数组
*/
for(var i=0;i<luckElements.length;i++){
//<a href="/tag/huoqu/" target="_blank" class="keywords">获取</a>元素的value值
alert(luckElements[i].value);
//<a href="/tag/huoqu/" target="_blank" class="keywords">获取</a>元素的type值
alert(luckElements[i].type);
//为每一个元素的onclick<a href="/tag/shuxing/" target="_blank" class="keywords">属性</a>赋值即为文本框<a href="/tag/zengjia/" target="_blank" class="keywords">增加</a>点击事件
luckElements[i].onclick=function(){
alert(this.value);
}
}
</script>