根据视频学习，控制台效果与视频效果不一样，求解？
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>H5新增的“获取”方法（Dom）</title>
</head>
<body>
<div class="box">盒子1</div>
<div class="box">hezi二</div>
<div id="nav">
<ul>导航
<li>首页</li>
<li>产品</li>
</ul>
</div>
<!-- 选择器 -->
<script type="text/javascript">
// querySelector指定选择第一个
var firstBox = document.querySelector('.box')
console.log(firstBox);
var li = document.querySelector('li');
console.log(li);
</script>
</body>
</html>
