js获取元素的方法

一共6种方式

html

 <div id="box" class="bn">
        <ul>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
        </ul>
    </div>

通过id获取：

var box = document.getElementById('box');

通过标签（元素）获取：

var box1 = document.getElementsByTagName("div")[0];

通过类名获取：

var box2 = document.getElementsByClassName("bn")[0];

通过h5新增的querySelector获取：

var box3 = document.querySelector("#box");(或者.bn的什么都行，跟css的选择器差不多)

通过querySelectorAll获取：

var box5 = document.querySelectorAll(".bn ul li");

注意:querySelector跟querySelectorAll用法是一样的，主要区别就是querySelectorAll可以通过元素获取多个元素，而querySelector只能获取首个元素