<div class = "box">标杆1</div>
<div class = "box">标杆2</div>
<div id = "nav">
<ul>
<li>门口</li>
<li>桌子</li>
</ul>
</div>
<script>
var boos = document.getElementsByTagName('box');
console.log(boos);
var firstBox = document.querySelector('.box');
console.log(firstBox);
var nav = document.querySelector('#nav');
console.log(nav);
var li = document.querySelector('li');
console.log(li);
var boos = document.getElementsByTagName('box');
这个代码是根据类名返回元素集合
var firstBox = document.querySelector('.box');
它是根据指定选择器返回第一个元素对象
一个要切记里面的选择器需要加符号 .box #nav