足球游戏_中国足彩网￥体育资讯$

在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技术专栏