首页 » HTML与CSS » 阅读文章

getElementById与getElementsByName的区别

2010-10-21 13:51 5145 1 发表评论
标签:
HTML元素的Name属性在页面中可以起ID的作用,因为在DHTML对象树中,我们可以使用document.getElementsByName来获取一个包含页面中所有指定Name元素的对象数组。   
 要是页面中有n(n>1)个HTML元素的ID都相同了怎么办?在DHTML对象中怎么引用他们呢?  
可以继续使用document.getElementByIdx获取对象,这时重复的ID会在引用时自动变成一个数组,ID重复的元素依次存在于数组中。

    当页面上的控件同名且多个的时候,你首先做的是什么?判断长度?的确,从程序的严密角度出发,我们是需要判断长度,而且有长度和没长度是两种引用方法.我们来看:
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,所以,千万不要搞浑了.
 
ie和firefox中的getElementsByName的不同
   在ie 中getElementsByName(“test“)的时候可以返回id=test的object数组(也可以返回name=test的数组,也就是说ie有容错能力),而使用firefox则只能返回的是name= test的object的数组。严格的来说,按照w3c的规范应该是firefox的实现是正确的,只是ie容错能力强些。
firefox和ie中的getElementByID倒是相同:获取对 ID 标签属性为指定值的第一个对象的引用。
    但这个问题我也遇到了,我就在TR中同时加上id 和 name,这样都可以用了~
利用javascript通过对的onclick事件得到checkbox的选中数目,其中checkbox的disabled属性为true不计算在内,如果checkbox没有选中的则对应的一个button不可用,反之可用。
首先说明一下getElementsByName返回的是所有name为指定值的所有元素的集合,她是全局的。代码:
<SCRIPT LANGUAGE=”JavaScript”>
<!–
  function doCheck() {
    var oCB = document.getElementsByName(‘Map[]’);
    var nCheck = 0;
    var nDisabled = 0;
    for(i=0; i<oCB.length; i++) {
      if (oCB[i].checked == true) nCheck++;
      if (oCB[i].disabled == true) nDisabled++;
    }
    if ((nCheck-nDisabled) > 0) {
      record_mapping.Add.disabled = ”;  
    } else {
      record_mapping.Add.disabled = true;  
    }
  }
//–>
</SCRIPT>
本文地址:http://www.jwzzsw.com/archives/482.html

文章作者:思悟
版权所有 © 转载时请以链接形式注明作者和原始出处!

评论 共1条 (RSS 2.0) 发表评论

  1. 减肥圈说道:

    是这样的啊,呵呵

发表评论

联系我 Contact Me

回到页首