getElementById，getElementsByTagName,getElementsByName,getElementsByClassName的区别

大家有时候会对getElementById，getElementsByTagName,getElementsByName,getElementsByClassName这几个函数理解不小心搞混了，这几个差别有时候是不怎么大。

<html>
<body>
<div id="id_a" name="name1" class="classname1">
<p>你好</p> </div>

<div id="id_b" name="name2" class="classname2">
<p>你好</p> </div>

<div id="id_c" name="name3" class="classname3">
<p>你好</p> </div>

 </body></html>

         我们可以使用getElementById，getElementsByTagName,getElementsByName,getElementsByClassName都可以实现对div的获取，如document.getElementById("id_a")就可以获取第一个div，同样地document.getElementsByTagName("div")[0],还有document.getElementsByName("name1"),document.getElementsByClassName("classname1")
     其中不同的是getElementById获取的是id，而id是唯一的所以它获取的只有一个元素，而getElementsByTagName,getElementsByName,getElementsByClassName获取的可以是数组，这是大家需要注意的区别

getElementById，getElementsByTagName,getElementsByName,getElementsByClassName的区别相关推荐

getElementById、getElementsByTagName、getElementsByClassName复合使用浅析
最近遇到一个关于查找元素的问题,有的时候单独使用getElementById.getElementsByTagName.getElementsByClassName并不足以找到需要的元素,于是我就查找 ...
js 取值 getElementsByTagName,getElementsByName
getElementsByTagName,getElementsByName 获取的值是数组的所以用[0][1]引用 1 <select multiple size="2"& ...
document.getElementById(id) 与 $(#id) 的区别
document.getElementById("id") 与 $("#id") 的区别如果仅从定位到元素的角度来看的话,两都是一样的. 区别: docume ...
javascript 如何正确使用getElementById，getElementsByName(), and getElementsByTagName()
WEB标准下可以通过getElementById(), getElementsByName(), and getElementsByTagName()访问DOCUMENT中的任一个标签. (1)get ...
document.getElementById与getElementsByName的区别（注意后者多个S）
1:id 就像身分证号,是唯一的, name 就像姓名一样可以同名 2:一个元素定义了 id ,引用该元素时直接用 id 属性,而 name 通常用在 form ...
js中document.getElementById(ID)与document.getElementsByName(Name)的区别
在一个HTML文档中,每个元素都可以设置ID和NAME属性.其中ID属性是唯一属性,不可以重复,一个ID值只能对应一个元素:而NAME属性是可以重复的,一个NAME值可以对应一组元素. 所以,使用do ...
javascript中的getElementById、getElementsByName、getElementByTagName详解
getElementById.getElementsByTageName.getElementsByName的区别 1.getElementById根据指定Id得到html元素,所以只能得到唯一的ht ...
document.getElementById(“id”)与$(#id)的区别
1.document.getElementById("id")可以直接获取当前对象,jQuery利用$("#id")获取的是一个[object Object], ...
document.getElementById与document.getElementsById的区别
document.getElementById 是用Id选择元素,一个Id只对应一个元素. document.getElementsById 是用元素名称选择元素一个元素名称可能有很多元素,取的是集, ...

getElementById，getElementsByTagName,getElementsByName,getElementsByClassName的区别

getElementById，getElementsByTagName,getElementsByName,getElementsByClassName的区别相关推荐

最新文章

热门文章