1、HTML代码<div id="al盟敢势袂l" class="all"> <i>梦龙小站</i> <p class="box"> <em class="span">梦龙小站</em> </p> <i class="span">梦龙小站</i> <p class="box"> <em>梦龙小站</em> </p></div>JavaScript代码//获取类名为all的<div>中所有的<i>元素,类似于getElementsByTagName("i")var i = document.getElementById("all").querySelectorAll("i");//获取类名为span的所有元素var span = document.querySelectorAll(".sppan");//获取所有<p>标签中的所有<em>元素var em = document.querySelectorAll("p em");
2、要获取返回的NodeList中的每一个元素,可以使用item()方法,也可以使用方括号语法,小例子如下。
3、如果在querySelectorAll()方法的参数中传入了浏览器不支持的选择符或者选择符中存在语法错误,那么querySelectorAll()方法会报出错误