1、getElementById()
方法返回對(duì)擁有指定 ID 個(gè)對(duì)象的引用。
如果您需要查找文檔中的一個(gè)特定的元素，最有效的方法是 getElementById()。
在操作文檔的一個(gè)特定的元素時(shí)，最好給該元素一個(gè) id 屬性，為它指定一個(gè)（在文檔中）唯
一的名稱，然后就可以用該 ID 查找想要的元素。
2、Document:getElementsByName
getElementsByName() 方法可返回帶有指定名稱的對(duì)象的集合。
document.getElementsByName(name)該方法與 getElementById() 方法相似，但是它查詢?cè)氐?name
屬性，而不是 id 屬性。
另外，因?yàn)橐粋€(gè)文檔中的 name 屬性可能不唯一（如 HTML 表單中的單選按鈕通常具有相同的 name 屬
性），所以 getElementsByName() 方法返回的是元素的數(shù)組，而不是一個(gè)元素。
3、getElementsByTagName()
方法可返回帶有指定標(biāo)簽名的對(duì)象的集合。
getElementsByTagName() 方法返回元素的順序是它們?cè)谖臋n中的順序。
如果把特殊字符串 "*" 傳遞給 getElementsByTagName() 方法，它將返回文檔中所有元素的列表，元素
排列的順序就是它們?cè)谖臋n中的順序。
下面是我寫的一個(gè)小例子：
<html>
<head>
<title>插入</title>
</head>
<script type="text/javascript">...
function getValue()
...{
var x=document.getElementById("myHeader")
alert(x.innerHTML)
}
function getElements()
...{
var x=document.getElementsByName("sex");
alert(x.length);
}
function getTagElements()
...{
var x = document.getElementsByTagName("input");
alert(x.length);
}
</script>
<body>
<form name="Input">
<table align="center" width="50%" height="50%" border="1">
<tr>
<td align="center" width="45%">
學(xué)號(hào)
</td>
<td align="center" width="55%">
<input type="text" id=userid name="user" onblur="validate();">
<div id=usermsg></div>
</td>
</tr>
<tr>
<td align="center" width="45%">
姓名
</td>
<td align="center">
<input type="text" name="name">
</td>
</tr>
<tr>
<td align="center" width="%45">
性別
</td>
<td align="center">
<input type="radio" name="sex" value="男">
男
<input type="radio" name="sex" value="女">
女
</td>
</tr>
<tr>
<td align="center" width="45%">
年齡
</td>
<td align="center" width="55%">
<input type="text" name="age">
</td>
</tr>
<tr>
<td align="center" width="45%">
籍貫
</td>
<td align="center" width="55%">
<input type="text" name="addr">
</td>
</tr>
</table>
</form>
<h1 id="myHeader" onclick="getValue()">
This is a header
</h1>
<p>
Click on the header to alert its value
</p>
<input type="button" onclick="getElements()"
value="How many elements named 'sex'?" />
<Br>
<input type="button" onclick="getTagElements()"
value="How many tags named 'input'?" />
</body>
</html>
