getElementByName
不存在
只有
getElement__S__ByName
和
getElementById
byId
的时候,会根据
html
元素的
id
属性,根据规范
id
应当是唯一的,用来标示一个
element
,比如
<td>, <div> ......
。所以返回唯一元素句柄或者
null
。对于表单控件
<input><select><textarea>
等,在不指定
id
的时候,
name
也会被视作
id
,比如
<input type="text" name="abc" value="123">
也可以用
document.getElementById("abc")
来获取
而
byName
,从名字上看,就可以知道,它返回的是复数个对象。它根据
name
属性(
name
可以重复),得到所有
name
属性与参数相同的控件组成的数组,不存在时,返回
0
长度数组
(.length == 0,
而不是
null)
比如
<input type="text" name="abc" value="1">
<input type="text" name="abc" value="2">
<input type="text" name="abc" value="3">
var array = document.getElementsByName("abc");
if (array.length == 0) {
alert("Error");
return;
}
for (var i = 0; i < array.length; i++) {
alert(array[i].value);
}
当页面上的控件同名且多个的时候
,
你首先做的是什么
?
判断长度
?
的确
,
从程序的严密角度出发
,
我们是需要判断长度
,
而且有长度和没长度是两种引用方法
.
我们来看
:
oEle= document.all.aaa ;//
这里有一个
aaa
的对象
,
但我们不知道它现在长度是多少
,
所以没办法对它操作
.
因此
,
我们要先做判断长度的过程
.
如下
:
if(oEle.length){}else{};
在两种情况下
,
花括号里面的内容写法也是不一样的
:
if(oEle.length){
for(var i = 0 ;i<oEle.length;i++){
oEle[i].value........
}
}
else{
oEle.value........
};
但是这样写是不是太复杂了点
?
而且当花括号里面的代码比较多的时候
,
我们要写两遍代码
,
晕了先
~
还好有
document.getElementsByName()
这个方法
.
它对一个和多个的处理是一样的
,
我们可以用
:
oEle = document.getElementsByName('aaa')
来引用
当
oEle
只有
1
个的时候
,
那么就是
oEle[0],
有多个的时候
,
用下标法
oEle[i]
循环获取
,
是不是很简单
?
值得一提的是它对
Name
和
ID
的同样有效的
.
但是它只能应用到
document
对象
.
相对应的
,
还有另一个方法
,
可以应用的对象会更广一点
:
getElementsByTagName,
比如我知道了一个
<DIV ID='aaa'><input/><input/>......</DIV>
我要取
DIV
里面的所有
input,
这样写就可以了
:aaa.getElementsByTagName('INPUT'),
这样就有效的可以和别的
DIV(
比如说有个叫
bbb
的
DIV,
里面的也是一样的
input)
相区别
.
同
getElementsByTagName
相对应
,
还有一个
document.body.all.tags(),
能用这个方法的对象比
getElementsByTagName
要小得多
.
但比
getElementsByName
要多
.
到这里我们还要提一下
getElementById,
它也是只有
document
对象才能使用
,
而且返回的是数组的第一个元素
,
呵呵
,
它的方法名都写明了是
getElement
而不是
getElements,
所以
,
千万不要搞浑了
.