querySelector和querySelectorAll

根据CSS选择器规范定位文档中指定的元素。

浏览器兼容性：
IE 8+、FF 3.5+、Safari 3.1+、Chrome 和 Opera 10+ 良好支持 。

相同点：
1.querySelector和querySelectorAll 都属于 W3C 中的 Selectors API 规范。
2.querySelector和querySelectorAll 所接收的参数都是必须严格符合 CSS 选择符规范的。

不同点：
querySelector返回的是符合的第一个对象，没有返回null；
querySelectorAll返回的一个集合(NodeList)，没有返回空数组

<div class="container">  
      <p> i'm p1</p>
      <p> i'm p2</p>
</div>  

document.querySelectorAll(".container p")[1].innerHTML;//i'm p2
document.querySelectorAll(".container p")[0].innerHTML;//i'm p1
document.querySelector(".container p").innerHTML;//i'm p1