JavaScript-143：H5新增获取元素方式

元素

 <div class="box"></div>
  <div id="nav">
    <ul>
      <li>首页</li>
      <li>产品</li>
    </ul>
  </div>

JS

// 1  getElementsByClassName  根据类名获得元素集合
var boxS = document.getElementsByClassName('box');
console.log(boxS[0]);
// 2 querySelector 返回指定选择器的第一个元素对象  切记 里面的选择器需要加符号  类.box   id 加#nav 
var Box = document.querySelector('.box')
console.log(Box);
var nav = document.querySelector('#nav')
console.log(nav);
var li = document.querySelector('li');
console.log(li);
// 3 querySelectorAll() 返回指定选择器所有元素对象集合
var AllBox = document.querySelectorAll('.box');
console.log(AllBox);