getElementById() , getElementsByName() 和 getElementsByTagName()的区别
2017-02-28 00:10
375 查看
HTML DOM 定义了多种查找元素的方法,除了 getElementById() 之外,还有 getElementsByName() 和 getElementsByTagName()。
1)不过,如果您需要查找文档中的一个特定的元素,最有效的方法是 getElementById()。
在操作文档的一个特定的元素时,最好给该元素一个 id 属性,为它指定一个(在文档中)唯一的名称,然后就可以用该 ID 查找想要的元素。
getElementById(),
如果没有指定 ID 的元素返回 null
getElementById() ,如果存在多个指定ID的元素则返回
undefined。
2)document.getElementsByName得到的是标签的数组
从名字上看,就可以知道,它返回的是复数个对象。它根据name属性(name可以重复),得到所有name属性与参数相同的控件组成的数组,不存在时,返回0长度数组(.length == 0,而不是null)
3)document.getElementsByTagName()得到的也是一个数组,与getElementsByName()用法相似
tag相同的元素可能不止一个这个时候就需要用getElementsByTagName("a")[0](返回第一个元素)来获得对象的引用
1)不过,如果您需要查找文档中的一个特定的元素,最有效的方法是 getElementById()。
在操作文档的一个特定的元素时,最好给该元素一个 id 属性,为它指定一个(在文档中)唯一的名称,然后就可以用该 ID 查找想要的元素。
getElementById(),
如果没有指定 ID 的元素返回 null
getElementById() ,如果存在多个指定ID的元素则返回
undefined。
2)document.getElementsByName得到的是标签的数组
从名字上看,就可以知道,它返回的是复数个对象。它根据name属性(name可以重复),得到所有name属性与参数相同的控件组成的数组,不存在时,返回0长度数组(.length == 0,而不是null)
3)document.getElementsByTagName()得到的也是一个数组,与getElementsByName()用法相似
tag相同的元素可能不止一个这个时候就需要用getElementsByTagName("a")[0](返回第一个元素)来获得对象的引用
相关文章推荐
- JavaScript 之 getElementByID() getElementsByName() getElementsByTagName()的区别
- document.all与getElementById、getElementsByName、getElementsByTagName用法区别-getElementById
- getElementById;getElementsByName;getElementsByTagName获取对象的区别
- getElementByID() getElementsByName() getElementsByTagName()的区别
- getElementById getElementsByName getElementsByTagName 的用法与区别
- getElementByID() getElementsByName() getElementsByTagName()的区别
- getElementByID getElementsByName getElementsByTagName的区别和总结
- getElementByID() getElementsByName() getElementsByTagName()的区别
- getelementbyid, getelementsbyname, getelementsbytagname 的区别和总结
- getElementById getElementsByName getElementsByTagName 的用法与区别
- getElementById getElementsByName getElementsByTagName 的用法与区别
- document.getElementById("")和document.getElementsByName()和document.getElementsByTagName()有什么区别
- getElementByID getElementsByName getElementsByTagName的区别和总结 +js+Mxl+xmlhttp
- document.getElementsByName()与 document.getElementById()、document.getElementsByTagName()的区别
- document.getElementsByName()与 document.getElementById()、 document.documentElement.getElementsByTagName的区别
- getElementByID getElementsByName getElementsByTagName的区别和总结
- getElementByID,getElementsByName,getElementsByTagName的区别
- getElementById;getElementsByName;getElementsByTagName获取对象的区别
- document.all与getElementById、getElementsByName、getElementsByTagName用法区别-getElementById
- document.all与getElementById、getElementsByName、getElementsByTagName用法区别-getElementsByName