getElement元素选择的几种方法与使用
1、getElementById() 方法可返回对拥有指定 ID 的第一个对象的引用
var x=document.getElementById("myHeader")
<h1 id="myHeader" onclick="getValue()">This is a header</h1>
2、getElementsByName() 方法可返回带有指定名称的对象的集合。
var x=document.getElementsByName("myInput")
;
<input name="myInput" type="text" size="20" /><br /> <input name="myInput" type="text" size="20" /><br /> <input name="myInput" type="text" size="20" /><br />
3、getElementsByTagName() 方法可返回带有指定标签名的对象的集合。
var x=document.getElementsByTagName("input")
;
<input name="myInput" type="text" size="20" /><br /> <input name="myInput" type="text" size="20" /><br /> <input name="myInput" type="text" size="20" /><br />
如要获取第一个input标签,var x=document.getElementsByTagName("input")[0]
;
4、document.getElementsByClassName() 获取所有指定类名的元素
var x = document.getElementsByClassName("example");
<input class="example" type="text" size="20" />
5、getElementsByTagNameNS() 方法可返回带有指定名称和命名空间的所有元素的一个节点列表。不常用