关于querySelector

跟getElementById、getElementsByTagName和getElementsByClassName一样，querySelector和querySelectorAll也是用来查找DOM的，querySelector搜索结果是单一的，querySelectorAll搜索结果为数组。其搜索依据，也就是()里的参数，与CSS的节点选择器完全相同。譬如：

var allans=document.evaluate(

    '//div[@class="emulejuse"]//descendant::span[@class="smalltextjuse"]/a', 

    document,null,6, null

);

用querySelectorAll来实现代码如下：

var allans=document.querySelectorAll("div.emulejuse span.smalltextjuse>a");

它搜索的是所有的class为smalltextjuse的div内部，后代中class为smalltextjuse的span的子节点a，路径表达与CSS完全相同，搜索的结果是一个数组，简洁、方便，但是在实际的项目开发中，需要根据项目需求以及代码编写习惯来进行选择使用哪一个，祝学习愉快~