`
angeldhp
  • 浏览: 58013 次
  • 性别: Icon_minigender_2
  • 来自: 北京
社区版块
存档分类
最新评论

document.all还是document.getElementsByName?

 
阅读更多
当页面上的控件同名且多个的时候,你首先做的是什么?判断长度?的确,从程序的严密角度出发,我们是需要判断长度,而且有长度和没长度是两种引用方法.我们来看:
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,所以,千万不要搞浑了.
分享到:
评论

相关推荐

    document.all与getElementById、getElementsByName、getElementsByTagName用法区别-document.all第1/2页

    Document.all[]是文档中所有标签组成的一个数组变量,包括了文档对象中所有元素

    document.all与getElementById、getElementsByName、getElementsByTagName用法区别-getElementById

    HTML DOM 定义了多种查找元素的方法,除了 getElementById() 之外,还有 getElementsByName() 和 getElementsByTagName()。

    java代码大全

    后面还有很多很多代码…… ...document.getElementsByName("r1"); document.getElementById(id); • 定时 timer=setInterval(‘scrollwindow()‘,delay); clearInterval(timer); 后面还有很多很多……

    解决 firefox 不支持 document.all的方法

    document.all在firefox下不支持,上网搜索了一下, 用 document.getElementsByTagName(“*”) 替代就OK了。 getElementsByTagName(“*”) 可以得到得到所有元素的集合 getElemntById 可以按id得到某一元素 ...

    JavaScript权威指南

    Document Information Properties Section 14.5. Forms Section 14.6. Images Section 14.7. Links Section 14.8. Anchors Section 14.9. Applets Section 14.10. Embedded Data Chapter 15. Forms...

    Javascript访问html页面的控件的方法详细分析第1/2页

     document.getElementsByName 3 document.getElementsByTagName 4 document.all 下面我主要谈谈以上几个方法的具体用法: 一.首先我来谈谈document.getElementById的用法。 Var obj=document.getElementById

    js使用小技巧

    document.getElementsByName("r1"); document.getElementById(id); 定时 timer=setInterval("scrollwindow()",delay); clearInterval(timer); UNCODE编码 escape() ,unescape 父对象 obj.parentElement...

    JavaScript获取当前页面上的指定对象示例代码

    方法如下: 代码如下: document.getElementById(ID) //获得指定ID值的对象 document.getElementsByName(Name) //获得指定Name值的对象数组 document.all[] //很智能的东东 不过非WEB标准 document....

    浏览器兼容的JS写法总结

    1. document.all[name]  (1)现有问题:Firefox不支持document.all[name]  (2)解决方法:使用getElementsByName(name),getElementById(id)等来替代。 2. 集合类对象问题  (1)现有问题:IE中对许多集合类对象取...

    js checkbox(复选框) 使用集锦

    function selectAll() //全选 { var objs = document.getElementsByName(‘twId’); var i; for(i = 0; i &lt; objs.length; i++) { if(objs[i].type == “checkbox”) { objs[i].checked = true; } } } function ...

    通过js来制作复选框的全选和不选效果

    [removed] function selectAll(){ allcheckBoxs=document.getElementsByName(“a”); var a2=document.getElementsByName(“a1”); if(a2[0].checked){ for(var i=0;i&lt;allcheckBoxs.length;i++){ allcheckBoxs[i...

    javascript getElementsByName()的用法说明

    我们来看: oEle= document.all.aaa ;//这里有一个aaa的对象,但我们不知道它现在长度是多少,所以没办法对它操作.因此,我们要先做判断长度的过程.如下: if(oEle.length){}else{}; 在两种情况下,花括号里面的内容写法也...

    在b/s开发中经常用到的javaScript技术整理

    var a = document.getElementsByName(str); var n = a.length; for (var i=0; i; i++) a[i].checked = window.event.srcElement.checked; } function checkItem(str) { var e = window.event.srcElement...

    js实现checkbox全选和反选示例

    function selectAll(form) { var obj = document.getElementsByName(‘selectall’); var cks = document.getElementsByTagName(“input”); var ckslen = cks.length; for(var i=0;i&lt;ckslen-1;i++) { if...

    JS实现复选框的全选和批量删除功能

    如图示: 功能描述:在勾选了全选时,所有的商品都会勾选,在取消全选时,取消所有物品的勾选。... &lt;input type=checkbox id=allChecks onclick=ckAll() /&gt;... var cks=document.getElementsByName(check);

    javascript 全选与全取消功能的实现代码

    代码如下: &lt;... &lt;head&gt; &lt;... [removed] function selectAll() { var allCheckBoxs = document.getElementsByName(“coffee”); var desc = document.getElementById(“like”); if(desc.va

Global site tag (gtag.js) - Google Analytics