javascript 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,所以,千万不要搞浑了



相关阅读:
HTML文档结构对Div+CSS布局的意义
PHP var_dump遍历对象属性的函数与应用代码
asp.net gridview的Rowcommand命令中获取行索引的方法总结
extjs 初始化checkboxgroup值的代码
windows系统无法运行.exe可执行文件的解决办法
在LINUX系统下安装卡巴斯基杀毒网络版
Linux下磁盘配额管理技巧
asp.net 无刷新翻页就是这么简单
javaScript Array(数组)相关方法简述
PHP面向对象概念
JavaScript+JSP打造二级级联下拉菜单
jquery向.ashx文件post中文乱码问题的解决方法
页面中js执行顺序
从零学DedeCms模板教程
快速导航

Copyright © 2016 phpStudy |