此页面教你如何查找和在HTML页面访问HTML元素。
查找HTML元素
通常情况下，使用JavaScript，您要处理的HTML元素。
要做到这一点，你必须先找到的元素。 有几个方法可以做到这一点：
- 通过查找HTML元素的id
- 查找标记名称的HTML元素
- 通过查找HTML元素class名
- 通过查找CSS选择HTML元素
- 通过查找HTML对象的集合HTML元素
通过查找HTML元素Id
找到的DOM中的HTML元素的最简单的方法，就是使用元素id 。
这个例子中找到与元素id="intro" ：
如果找到元素，该方法将返回元件作为对象（在myElement ）。
如果没有找到该元素， myElement将包含空。
寻找按标记名称的HTML元素
这个例子查找所有<p>元素：
本示例查找元素与id="main" ，然后查找所有<p>中的元素"main" ：
通过查找HTML元素Class名称
如果你想找到具有相同的所有HTML元素class名称，使用getElementsByClassName()
此示例返回所有元素的列表class="intro" 。
按类名查找元素不会在Internet Explorer 8和更早版本。
通过查找CSS选择HTML元素
如果你想找到一个指定CSS选择器匹配（所有的HTML元素id ，类名称，类型，属性，属性值等），使用querySelectorAll()方法。
这个例子返回所有清单<p>与要素class="intro" 。
该querySelectorAll()方法不会在Internet Explorer 8和更早版本。
通过查找HTML对象集合HTML元素
这个例子中找到与表单元素id="frm1"在形式收集，并显示所有的元素值：
例
var x = document.forms["frm1"];
var text = "";
var i;
for (i = 0; i < x.length; i++) {
text += x.elements[i].value +
"<br>";
}
document.getElementById("demo").innerHTML = text; 试一试» 下面的HTML对象（对象集合）也可以访问：
- document.anchors
- document.body
- document.documentElement
- document.embeds
- document.forms
- document.head
- document.images
- document.links
- document.scripts
- document.title