javascript 入门 (3)getElementByName, getElementById等用法

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.getElementByIdx(“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_r(‘INPUT’),
这样就有效的可以和别的
DIV(
比如说有个叫
bbb

DIV,
里面的也是一样的
input)
相区别
.


getElementsByTagName
相对应
,
还有一个
document.body.all.tags(),
能用这个方法的对象比
getElementsByTagName
要小得多
.
但比
getElementsByName
要多
.

到这里我们还要提一下
getElementById,
它也是只有
document
对象才能使用
,
而且返回的是数组的第一个元素
,
呵呵
,
它的方法名都写明了是
getElement
而不是
getElements,
所以
,
千万不要搞浑了
.

点赞