document.body，保存的是body的引用
var body=document.body;
console.log(body);//[object HTMLBodyElement]
document.documentElement保存的是HTML根标签
var html=document.documentElement;
console.log(html);//[object HTMLHtmlElement]
document.all代表页面所有元素（标签）
var all=document.all;
console.log(all.length);//6
document.querySelector()
需要一个选择器的字符串作为参数，可以根据一个CSS选择器来查询一个元素节点对象。该方法只会返回唯一的一个元素，如果满足条件的元素有多个，也只会返回第一个。
document.querySelectorAll()
该方法和querySelector()用法类似，不同的是它会将符合条件的元素封装到一个数组中返回，即使符合条件的元素只有一个。
<body>
<div class="box1">
<div>我是第一个box1里的div</div>
</div>
<div class="box1">
<div>我是第二个box1里的div</div>
</div>
<div class="box1">
<div>我是第三个box1里的div</div>
</div>
<script>
var div=document.querySelector(".box1 div");
console.log(div.innerHTML);//我是第一个box1里的div
var divs=document.querySelectorAll(".box1 div");
console.log(divs.length);//3
</script>
</body>
