- 6
- 0
- 约3.23千字
- 约 4页
- 2017-07-28 发布于河南
- 举报
getElementByID和getElementsByName和getElementsByTagName和document.all的区别
document.all与document.getElementsByName区别当页面上的控件同名且多个的时候,从程序的严密角度出发,需要判断长度,而且有长度和没长度是两种引用方法.oEle= document.all.aaa ;//这里有一个aaa的对象,但我们不知道它现在长度是多少,所以没办法对它操作.因此,我们要先做判断长度的过程.如下:if(oEle.length){}else{};在两种情况下,花括号里面的内容写法也是不一样的:if(oEle.length){for(var i = 0 ;ioEle.length;i++){oEle[i].value..}}else{oEle.value..};但是这样写是不是太复杂了点?而且当花括号里面的代码比较多的时候,我们要写两遍代码,晕了先~还好有document.getElementsByName()这个方法.它对一个和多个的处理是一样的,我们可以用:oEle = document.getElementsByName(aaa)来引用当oEle只有1个的时候,那么就是oEle[0],有多个的时候,用下标法oEle[i]循环获取,是不是很简单?值得一提的是它对Name和ID的同样有效的. (它只能应用到document对象) div id=radiodiv language=javascript INPUT name=radio1 value=1 type=radioINPUT name=radio1 value=0 type=radio CHECKED/div document.getElementsByName(radio1).item(0).value 结果是 1但是.相对应的,还有另一个方法,可以应用的对象会更广一点:getElementsByTagNamediv id=radiodiv language=javascript INPUT name=radio1 value=1 type=radio id=myRadio1INPUT name=radio1 value=0 type=radio id=myRadio2 CHECKED /div radiodiv.getElementsByTagName(input).item(0).value 结果是 1, 比如我知道了一个DIV ID=aaainput name=input1 value=1 type=radio input name=input1 value=2 type=radio....../DIV我要取DIV里面的所有input,这样写就可以了:aaa.getElementsByTagName(INPUT)这样就有效的可以和别的DIV(比如说有个叫bbb的DIV,里面的也是一样的input)相区别.同getElementsByTagName相对应,还有一个document.body.all.tags()能用这个方法的对象比getElementsByTagName要小得多.但比getElementsByName要多.到这里我们还要提一下getElementById它也是只有document对象才能使用,而且返回的是数组的第一个元素,呵呵,它的方法名都写明了是getElement而不是getElementsdiv id=radiodiv language=javascript INPUT name=radio1 value=1 type=radio id=myRadio1 INPUT name=radio1 value=0 type=radio id=myRadio2 value=myVal2 CHECKED /div document.getElementById(myRadio2).value 结果是 myVal2?etElementByID getElementsByName? getElementsByTagName的区别和总结WEB标准下可以通过getElementById(), getElementsByName(), and getElementsByTagName()访问DOCUMENT中的任一个标签:
1、getElementById()getElementById()可以访问DOCUMENT中的某一特定元素,顾名思义,就是通过ID来取得元素,所以只能访问设置了ID的元素。比如说有一个DIV的ID为docid:div id=docid/div那么就可以用getElementById(docid)来获得这个元素。
!DOCTYPE HTML PUBLIC -//
您可能关注的文档
- 志士不饮盗泉之水,廉者不受嗟来之食.doc
- 怎样树立良好的班风.doc
- 宝宝嗓子哑的原因及治疗方法.doc
- 除四害技术和方法.doc
- 搜不到自己无线路由器信号的原因.docx
- WORD快捷命令大全.doc
- 信号与系统实验总结及心得体会.docx
- 爱普生L101 L201墨水序号.doc
- admit的用法详解.doc
- Is love an art 翻译.doc
- 广东省广州省实验中学教育集团2025-2026学年八年级上学期期中考试物理试题(解析版).docx
- 广东省广州大学附属中学2025-2026学年八年级上学期奥班期中物理试题(解析版).docx
- 广东省广州市第八十六中学2025-2026学年八年级上学期期中物理试题(含答案).docx
- 广东省广州市第八十九中学2025-2026学年八年级上学期期中考试物理试题(解析版).docx
- 广东省广州市第二中学2025-2026学年八年级上学期期中考试物理试题(含答案).docx
- 广东省广州市第八十六中学2025-2026学年八年级上学期期中物理试题(解析版).docx
- 广东省广州市第八十九中学2025-2026学年八年级上学期期中考试物理试题(含答案).docx
- 广东省广州市第二中学2025-2026学年八年级上学期期中考试物理试题(解析版).docx
- 2026《中国人寿上海分公司营销员培训体系优化研究》18000字.docx
- 《生物探究性实验教学》中小学教师资格模拟试题.docx
最近下载
- 2025年省考超大杯刷题-申论套卷四.pdf VIP
- 小学学校总务处的工作计划.pptx VIP
- 大学毕业论文__小型液压挖掘机的设计.doc VIP
- 食材配送人员配置与资质要求.docx VIP
- 2025年山东省济南市中考英语试卷试题真题(精校打印版).pdf VIP
- 一种能够在太阳光下快速固化的可剥离去污复合膜及制备方法.pdf VIP
- 骨科临床诊疗指南及操作规范(2025版).docx
- 2025-2026学年小学信息技术(信息科技)四年级下册浙教版(2023)教学设计合集.docx
- 沪科版九年级(上) 中考题同步试卷:22.5 二次函数的应用(18).doc VIP
- 中国的刺腹牙甲属、脊胸牙甲属和凹基牙甲属昆虫鞘翅目牙甲科牙甲族研究.pdf VIP
原创力文档

文档评论(0)