新的选择器

document.querySelector("selector");

selector:根据CSS选择器返回第一个匹配到的元素，如果没有匹配到，则返回null;

支持： Chrome 4.0+, FireFox 3.5+, Safari 3.2+, Opera 10.1+, IE 8+

document.querySelectorAll("selector");

selector:根据CSS选择器返回所有匹配到的元素数组，如果没有匹配到，则返回空数组;

支持： Chrome 4.0+, FireFox 3.5+, Safari 3.2+, Opera 10.1+, IE 8+

document.getElementsByClassName("selector");

selector:根据类选择器返回所有匹配到的元素数组，如果没有匹配到，则返回空数组;

支持： Chrome 4.0+, FireFox 3.0+, Safari 3.2+, Opera 10.1+, IE 8+

案例如下：

HTML结构如下:

1 
      
       　　 2 
       
        　　　　 3 
        
实例
 4 　　　　 5 
        
实例
 6 　　　　 7 
        
实例
 8 　　　　 9 
        
实例
10 　　　　11 
        
实例
12 13 　　
       
14 15 
      

 

1、如果想要获得第一个li元素，我们只需要:

document.querySelector(".content ul li");

2、如果想要获得所有li元素，我们只需要:

document.querySelectorAll(".content ul li");

3、如果想要获得所有class为w3c的li元素，我们只需要:

document.getElementsByClassName("w3c");