Question

Javascript获取Html界面元素的几种方法

Answer 1

getElementById()
// 通过ID来取得元素，所以只能访问设置了ID的元素，比如说有一个DIV的ID为docid：
// <div id="docid"></div>
// 那么就可以用getElementById("docid")来获得这个元素。

 

getElementsByName()
// 通过NAME来获得元素，DOCUMENT中元素的NAME可以重复，如果一个文档中有两个以上的标// 签NAME相同，那么getElementsByName()就可以取得这些元素组成一个数组。
// 比如有两个DIV：
// <div name="docname" id="docid1"></div>
// <div name="docname" id="docid2"></div>
// 那么可以用getElementsByName("docname")获得这两个DIV，用getElementsByName("docname")[0]访问第一个DIV。

getElementsByTagName()
// 通过TAGNAME（标签名称）来获得元素，一个DOCUMENT中会有相同的标签，所以这个方法也是取得一个数组。
// 可以用 getElementsByTagName("div")来访问它们，用getElementsByTagName("div")[0]访问第一个 DIV，用getElementsByTagName("div")[1]访问第二个DIV。