JavaScript获取HTML元素的三种方法

发布时间:2019-11-21编辑:脚本学堂
本文介绍JavaScript获取网页中HTML元素的三种方法,供大家学习参考。1、getElementById()
getElementById()可以访问DOCUMENT中的某一特定元素,顾名思义,就是通过ID来取得

本文介绍javascript获取网页中HTML元素的三种方法,供大家学习参考。

1、getElementById()
getElementById()可以访问DOCUMENT中的某一特定元素,顾名思义,就是通过ID来取得元素,所以只能访问设置了ID的元素。
 

复制代码 代码如下:
示例:
DIV的ID为docid
<div id="docid"></div>
则可以用getElementById("docid")来获得此元素。

2、getElementsByName()
通过NAME来获得元素,但不知大家注意没有,这个是GETELEMENTS,复数ELEMENTS代表获得的不是一个元素,为什么呢?
因为DOCUMENT中每一个元素的ID是唯一的,但NAME却可以重复。如果一个文档中有两个以上的标签NAME相同,那么getElementsByName()就可以取得这些元素组成一个数组。
 

复制代码 代码如下:
示例:两个DIV
<div name="docname"></div>
<div name="docname"></div>
则可以用getElementsByName("docname")获得这两个DIV,用getElementsByName("docname")[0]访问第一个DIV,用getElementsByName("docname")[1]访问第二个DIV。

3、getElementsByTagName()
通过TAGNAME(标签名称)来获得元素,一个DOCUMENT中当然会有相同的标签,所以这个方法也是取得一个数组。
 

复制代码 代码如下:
示例:
<div></div>
<div></div>
则可以用getElementsByTagName("div")来访问它们,用getElementsByTagName("div")[0]访问第一个DIV,用getElementsByTagName("div")[1]访问第二个DIV。