【js获取dom元素】

1.通过ID获取 单个元素
2.通过类名获取 多个元素
3.通过标签名获取 多个元素
4.通过name名获取 多个元素
5.通过querySelecto()获取 单个元素 获取指定选择器的第一个元素
6.通过querySeleorAll()获取 多个元素 获取指定选择器的全部元素

    //1.通过ID获取
    var kaiguan = document.getElementById('anniu');
    anniu.onclick = function(){
        alert("你好！")
    }
    //2.通过类名获取 
    var boxArr = document.getElementsByClassName('box')
    console.log(boxArr);
    //伪数组：拥有索引，长度length 可以进行循环遍历  但是不能用数组中的专有方法
    for (var i = 0; i < boxArr.length;i++){
        console.log(boxArr[i]);
    }
    //3.通过标签名获取
    var div1= document.getElementsByTagName('div')
    console.log(div1[0]);
    //4.通过name名获取
    var user = document.getElementsByName('abc')
    console.log(user[0]);

    //5.通过querySelector()获取
    var div2 = document.querySelector('div')
    console.log(div2);
    //6.通过querySeleorAll()获取
    var lil =document.querySelectorAll('li')
    console.log(lil);