document.querySelector() document.querySelectAll()

document.querySelector()  

  返回文档中陪陪指定的选择器的第一个元素（使用深度优先先序遍历文档的节点|并且通过文档标记中的第一个元素，并按照子节点数量的顺序迭代顺序节点）。

  element = document.querySelector(selectors)

element 是一个element对象(Dom元素)

selectors是一个字符串，包含一个或者多个css选择器，多个则以逗号分开。。

兼容到IE8 ， 

例子

var el = document.querySelector(".myclass");

    <div id="div" class="longdiv">
    	<input name="login" type="text" />
    </div>
	var el = document.querySelector('#div.longdiv input[name=login]')
		console.log(el)

这里有几个注意点：

   如果没有找到匹配的元素，就会返回null， 如果找到多个匹配元素，就会返回第一个元素

   选择器的名字必须是合法的 其中css伪类是不会返回的

document.querySelectorAll()
       返回与指定的选择器匹配的文档中的元素列表，返回的是一个nodeList

   elementList = dcument.querySelectorAll(selectors)

  elementList   是一个nodeList类型的对象

   selectors 是一个由逗号链接的包含一个或者多个css选择器的字符串

 ps 注意

      如果selectors中包含有css伪元素，则会返回一个空的elementList.

例子

var matches = document.querySelectorAll("div.note, div.alert");

兼容到IE8