一共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只能获取首个元素