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() 方法可返回带有指定名称和命名空间的所有元素的一个节点列表。不常用