访问文档元素

document对象包含多个访问文档内元素的方法，简单说明如下：

• getElementById()：返回指定id属性值的元素。注意，id值要区分大小写，如果找到多个id相同的元素，则返回第一个元素，如果没有找到指定id值的元素，则返回null。
• getElementsByTagName()：返回所有指定标签名称的元素节点。
• getElementsByName()：返回所有指定名称（name属性值）的元素节点。该方法多用于表单结构中，用于获取单选按钮组或复选框组。

【提示】

getElementsByTagName()方法返回的是一个HTMLCollection对象，与nodeList对象类似，可以使用方括号语法或者item()方法访问HTMLCollection对象中的元素，并通过length属性取得这个对象中元素的数量。

【示例】HTMLCollection对象还包含一个namedItem()方法，该方法可以通过元素的name特性取得集合中的项目。下面示例可以通过namedItem("news");方法找到HTMLCollection对象中name为news的图片。

<img src="1.gif" />
<img src="2.gif" name="news" />
<script>
var images = document.getElementsByTagName("img");
var news = images.namedItem("news");
</script>

还可以使用下面用法获取页面中所有元素，其中参数“*”表示所有元素。

var allElements = document.getElementsByTagName("*");