javascript的Document 对象方法

 

getElementById() 返回对拥有指定 id 的第一个对象的引用。
getElementsByName() 返回带有指定名称的对象集合。
getElementsByTagName() 返回带有指定标签名的对象集合。

getElementsByClassName()通过类名查找 HTML 元素

querySelectorAll()通过 CSS 选择器查找 HTML 元素

getElementsByClassName()不适用于 Internet Explorer 8 及其更早版本。

querySelectorAll() 不适用于 Internet Explorer 8 及其更早版本。

例子

<div id="main">

<p id="intro" class="intro">Hello World!</p>

</div>

 

var x = document.getElementById("intro");

 

var x = document.getElementsByTagName("p");

 

var x = document.getElementById("main");
var y = x.getElementsByTagName("p");

 

var x = document.getElementsByClassName("intro");

 

var x = document.querySelectorAll("p.intro");

 

请注意,只有getElementById()中Element是单数,获取的是一个对象.其余的都是获取对象集合