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() 方法可返回帶有指定名稱和命名空間的所有元素的一個節點列表。不常用