js各种获取元素节点的区别

    // 根据id
    var aa = document.getElementById('aa');
    // aa.style.color = "red";
    // 根据选择器
    var div1 = document.querySelector('#aa');
    // div1.style.color = "red";
    // 根据标签
    var div = document.getElementsByTagName('div');
    // div[0].style.color = "red";
    // 根据类
    var aaaa = document.getElementsByClassName('aaaa');
    // aaaa[0].style.color = "red";
    // 根据name
    var aaa = document.getElementsByName('aaa');
    //aaa[0].style.color = "red";
    var div2 = document.querySelectorAll("#aa");
    div2[0].style.color = "red";
    // id 
    console.log(aa)
        // querySelector
    console.log(div1)
        // 类
    console.log(aaaa)
        // 标签
    console.log(div)
        // name 
    console.log(aaa)
        // querySelectorAll
    console.log(div2)