HTML5 CSS选择器 querySelectorAll

1、HTML代码

<div id="all" class="all"> 

<i>梦龙小站</i> 

<p class="box"> 

<em class="span">梦龙小站</em> 

<i class="span">梦龙小站</i> 

<p class="box"> 

<em>梦龙小站</em> 

</div> 

JavaScript代码

//获取类名为all的<div>中所有的<i>元素，类似于getElementsByTagName("i") 

var i = document.getElementById("all").querySelectorAll("i"); 

//获取类名为span的所有元素 

var span = document.querySelectorAll(".sppan"); 

//获取所有标签中的所有<em>元素 

var em = document.querySelectorAll("p em"); 

2、要获取返回的NodeList中的每一个元素，可以使用item()方法，也可以使用方括号语法，小例子如下。

3、如果在querySelectorAll()方法的参数中传入了浏览器不支持的选择符或者选择符中存在语法错误，那么querySelectorAll()方法会报出错误