获取元素对象的方法（JS的选择器：共计6个）

    

比如有以下2个元素，分别通过6个选择器选择

    <div id="box"></div>

    <input class="one" type="button" name="ipt">

    1.通过id名获取元素

    var box =document.getElementById("box")

    2.通过标签名获取元素

    var box1 = document.getElementsByTagName("div")

    3通过name获取元素

    var ipt = document.getElementsByName("ipt")

    4.通过类名获取

    var one = document.getElementsByClassName("one")

    5.通过querySelector()方法用于返回指定选择器的第一个元素对象

    var one1 = document.querySelector(".one")//class名加. 获取calss为one的第一个input

    var box1 = document.querySelector("#box")//id名加#，获取calss为one的第一个div

    var div1 = document.querySelector("div")//获取匹配到的第一个div

    6.通过querySelecorAlI()方法用于返回指定选择器的所有元素对象集合

    var one2 = document.querySelecorAlI(".one")//class名加. 获取所有名为one的所有input

    var box2 = document.querySelecorAlI("#box")//id名加#，取所有名为box的所有div

    var div2 = document.querySelecorAlI("div")//获取匹配到的所有div