DOM获取HTML中的元素

获取元素的三种方法：
1：通过id名获取元素
2：通过class类名获取元素
3：通过标签名直接获取元素
注：id是唯一的 所以用id获取到的元素可以直接用，通过class类名和标签名获取到的元素是一个数组，调用的时候需要先获取到具体的某一个，然后再调用。
下面是一个简单的案例：

<div>`</div>
<div></div>
<div></div>
<div id="box"></div>
<div class="box"></div>
 <section name="set"></section>
<script>
    // 通过标签查询并获取标签；返回一个数组
   var divs = document.getElementsByTagName('div')
   console.log(divs) 
    //   取divs数组中第一个div 也是body最靠上的div
   var divOne = divs[0]
    //    getElementById 通过标签中ID 名字获取元素
   var box = document.getElementById('box')
   console.log(box)
    //    通过标签中Class名字获取标签
   var boxs = document.getElementsByClassName('box')
   console.log(boxs) 
   //  通过标签名直接获取标签
   var set = document.getElementsByName('set')
   console.log(set)