a. querySelector()方法返回文档中匹配到指定的css选择器的一个元素
b. 要注意的是返回的nodeList集合中的元素是非实时的
//dom
<div id = 'box>
<div class = 'inner-box'></div>
<p class = 'inner-box'></p>
<div class = 'inner-box' id = 'operate-dom'></div>
</div>
//getDom ------querySelector
var getDom = document.querySelector('#box');
//getDom -----querySelectorAll()
var getDom = document.querySelectorAll('.innerbox');
//querySelectorAll('.innerbox') 返回来的是一个数组
var getDom = document.querySelectorAll('.innerbox');
console.log(getDom[1]);
//如p div 都带有同样的类名,下面是读出含有某一类名的p标签
var getDom = document.querySelectorAll('p.inner-box')