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

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:getElementsByName()使用方法及示例

    定义和用法 getElementsByName() 方法可返回带有指定名称的对象的集合。 语法document.getElementsByName(name) 该方法与 getElementById() 方法相似,但是它查询元素的 name 属性,而不是 id 属性。 另外,因为一个...

    javascript的IE和Firefox兼容性汇编

    javascript的IE和Firefox兼容性汇编 1. document.form.item 问题 (1)现有问题: 现有代码中存在许多 document....又如:document.getElementsByName("inputName")(1) 改为 document.getElementsByName("inputName")[1]

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

    不过,如果您需要查找文档中的一个特定的元素,最有效的方法是 getElementById()。 不过要注意的是使用getElementById时对不同的浏览器执行的结果可能是不同的,以下有相关说明 代码如下:text1: &lt;input name=”...

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

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

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

    一种简单的方法是使用 document.getElementsByTagName("*") 替代 document.all。getElementsByTagName() 方法可以根据标签名获取所有元素的集合,"*"号表示获取所有元素,而不管它们的标签名是什么。 例如,如果你...

    没有document.getElementByName方法

    document.getElementByName方法没有document.getElementsByName得到的是标签的数组,下面为大家详细介绍下具体的使用,感兴趣的朋友可以参考下,希望对大家有所帮助

    js选择器全面解析

    原生JS选择器有getElementById、getElementsByName、getElementsByTagName和...用法:document.getElementsByName(“Name”);Name为要获取元素的name属性值,这个方法一般适用于提交表单数据,当元素为for

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

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

    JS简单实现获取元素的封装操作示例

    本文实例讲述了JS简单实现获取元素的封装操作。分享给大家供大家参考,具体如下: JS封装获取元素 js的获取元素: ID:document.getElementById();...使用方法: $(id) /$(tagname)[0] 2. 对象写法: var Base={ ge

    JS选取DOM元素常见操作方法实例分析

    本文实例讲述了JS选取DOM元素常见操作方法。分享给大家供大家参考,具体如下: JS选取DOM元素的方法 注意:原生JS选取DOM元素比使用jQuery类库选取要快很多 1、通过ID选取元素 ...document.getElementsByName

    让getElementsByName适应IE和firefox的方法

    w3c规范中... 二、用一个函数来适应浏览器,代码如下: 代码如下:getElementsByName:function (name) { var returns = document.getElementsByName(name); if(returns.length &gt; 0) return ret

    超清晰的document对象详解

    在本文中,我们将详细介绍document对象的各种属性和方法,并通过实例代码来说明它们的使用。 document对象的属性 document对象有很多有用的属性,以下是一些常用的属性: 1. `document.title`:设置或获取文档的...

    js查找节点的方法小结

    3. 在表单中使用,根据表单name来查找 代码如下:document.getElementsByName(); 特别说明:目前,部分浏览器已经将getElementsByName扩展到其它元素节点,即div/p…等标签如果有name属性,同样也可以

    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...

    javascript引用对象的方法代码

    使用 `getElementsByName` 方法来获取元素对象引用是通过 `document.getElementsByName` 对象来实现的。例如,`document.getElementsByName("link1")[0].href` 就可以获取名为 `link1` 的元素对象的 `href` 属性值。...

    javascript createElement()创建input不能设置name属性的解决方法

    其中obj.name = “select... [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 当然解决方法很简单,在创建时,使用document.createElement(“&lt;input name=’select’&gt;”)。不过还不知道是什么原因? 在Name属性的

Global site tag (gtag.js) - Google Analytics