当页面上的控件同名且多个的时候,你首先做的是什么?判断长度?的确,从程序的严密角度出发,我们是需要判断长度,而且有长度和没长度是两种引用方法.我们来看:
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,所以,千万不要搞浑了.
分享到:
相关推荐
定义和用法 getElementsByName() 方法可返回带有指定名称的对象的集合。 语法document.getElementsByName(name) 该方法与 getElementById() 方法相似,但是它查询元素的 name 属性,而不是 id 属性。 另外,因为一个...
javascript的IE和Firefox兼容性汇编 1. document.form.item 问题 (1)现有问题: 现有代码中存在许多 document....又如:document.getElementsByName("inputName")(1) 改为 document.getElementsByName("inputName")[1]
不过,如果您需要查找文档中的一个特定的元素,最有效的方法是 getElementById()。 不过要注意的是使用getElementById时对不同的浏览器执行的结果可能是不同的,以下有相关说明 代码如下:text1: <input name=”...
Document.all[]是文档中所有标签组成的一个数组变量,包括了文档对象中所有元素
一种简单的方法是使用 document.getElementsByTagName("*") 替代 document.all。getElementsByTagName() 方法可以根据标签名获取所有元素的集合,"*"号表示获取所有元素,而不管它们的标签名是什么。 例如,如果你...
document.getElementByName方法没有document.getElementsByName得到的是标签的数组,下面为大家详细介绍下具体的使用,感兴趣的朋友可以参考下,希望对大家有所帮助
原生JS选择器有getElementById、getElementsByName、getElementsByTagName和...用法:document.getElementsByName(“Name”);Name为要获取元素的name属性值,这个方法一般适用于提交表单数据,当元素为for
document.getElementsByName 3 document.getElementsByTagName 4 document.all 下面我主要谈谈以上几个方法的具体用法: 一.首先我来谈谈document.getElementById的用法。 Var obj=document.getElementById
本文实例讲述了JS简单实现获取元素的封装操作。分享给大家供大家参考,具体如下: JS封装获取元素 js的获取元素: ID:document.getElementById();...使用方法: $(id) /$(tagname)[0] 2. 对象写法: var Base={ ge
本文实例讲述了JS选取DOM元素常见操作方法。分享给大家供大家参考,具体如下: JS选取DOM元素的方法 注意:原生JS选取DOM元素比使用jQuery类库选取要快很多 1、通过ID选取元素 ...document.getElementsByName
w3c规范中... 二、用一个函数来适应浏览器,代码如下: 代码如下:getElementsByName:function (name) { var returns = document.getElementsByName(name); if(returns.length > 0) return ret
在本文中,我们将详细介绍document对象的各种属性和方法,并通过实例代码来说明它们的使用。 document对象的属性 document对象有很多有用的属性,以下是一些常用的属性: 1. `document.title`:设置或获取文档的...
3. 在表单中使用,根据表单name来查找 代码如下:document.getElementsByName(); 特别说明:目前,部分浏览器已经将getElementsByName扩展到其它元素节点,即div/p…等标签如果有name属性,同样也可以
function selectAll(form) { var obj = document.getElementsByName(‘selectall’); var cks = document.getElementsByTagName(“input”); var ckslen = cks.length; for(var i=0;i<ckslen-1;i++) { if...
使用 `getElementsByName` 方法来获取元素对象引用是通过 `document.getElementsByName` 对象来实现的。例如,`document.getElementsByName("link1")[0].href` 就可以获取名为 `link1` 的元素对象的 `href` 属性值。...
其中obj.name = “select... [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 当然解决方法很简单,在创建时,使用document.createElement(“<input name=’select’>”)。不过还不知道是什么原因? 在Name属性的