在DOM中访问指定的节点通过getElementsByTagName,getElementsByName,getElementById方法访问,介绍以下这三个方法以及区别.
1.getElementByTagName("标签名"),返回一个包含所有标签名特性等于指定元素的节点列表.
关键点:标签名tagName的定义,标签名特性总是等于小于号后面紧随的名称,比如<img ..>中的img <input..>的input,通过getElementsByTagName("标签名")获取的是一个节点数组.
举例: var obj = document.getElementsByTagName("img");
obj便是全页面的所有图片的一个数组,通过.length能获取图片的个数,还能通过obj[i](i是标记序列号)来进行对象的操作.
比如第一个图片
obj[i].height = 100;//d更改第一吐泡泡高度为100px
2.getElementsByName("元素名"),用来获得所有name特性等于指定值的元素.获取的结果也是一个数组
该方法获取对象是根据name来获取的,跟其他没有关系.
举例<input type='text' name ="abc"> <input type='text' name ="abc">
var obj = documentsByName("abc");//这样获取了上面两个对象
obj[0]是第一个,obj[1]是第二个.
前两个方法的区别在于:第一个getElemensByTagName()这个是获取标签元素的是通过<后面的内容获取,而getElementsByName()是通过Name获取的.
3.getElementById()它将发挥id特性等于指定值的元素.在html中id必须是唯一的,如果有多个id相同,将会获取对象出错!
举例 <input type="text" id = "abc">
var obj = documentById("abc");//这样即获取了上面的对象,能对其进行操作.
以上就是三个获取节点(对象)的方法
更多信息请查看IT技术专栏
公众号
事业单位
当前位置：
公考类
招聘类
各类考试
