一、常见方法
1.通过id获取：（一个元素）
2.通过class获取：（一组元素）
3.根据标签名：（可能是一个元素也可能是一组元素）
二、其他方法
1.通过name属性获取：（注意：只有含有name属性的元素(表单元素)才可以）
2.通过querySelector获取：
querySelector()方法括号中的值是元素的选择器，#box用的是id选择器。
此方法直接返回DOM对象本身：<div id=box></div>
3. 通过querySelectorAll获取:
其中：
querySelector方法只能返回第一个元素：
querySelectorAll方法返回的是一个数组：
三、总结：
1、所有获取DOM对象的方法中，只有getElementById()和querySelector()这两个方法直接返回的DOM对象本身，可直接为其绑定事件。
2、getElementXXX类型的方法，除了通过Id获取元素，其他都返回一个集合。
如果需要取到具体的DOM元素，需要加索引，如：document.getElementsByClassName(“box”)[0] =>获取class为box的所有元素中的第一个DOM元素。
3、querySelector()与querySelectorAll()两者的联系与区别：
联系： 两者括号中的取值都是选择器。
区别： 当有多个class相同的元素时，使用querySelector()方法只能获取到第一个class为box的元素，而querySelectorAll()获取到了所有class为box的元素集合。