一、常見方法
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的元素集合。