選擇器分為直接選擇器和關系選擇器，下面將介紹具體有哪些選擇器：
-
直接選擇器
- id選擇器：document.getElementById("id名")
- class選擇器：document.getElementsByClassName("class名")
- tag選擇器：document.getElementsByTagName("tag名")
- name選擇器：document.getElementsByName("name名")
- ES5新增選擇器：
- querySelector選擇器：document.querySelector("css選擇器")
- querySelectorAll選擇器：document.querySelectorAll("css選擇器")
- 總結：
- 返回單個元素：
- id，querySelector
- 返回數組：
- class，tag，name，querySelectorAll -
關系選擇器
- childNodes: 獲取某節點下所有子一節點
- children: 獲取某一節點下所有的子一級元素節點
- firstChild: 獲取某一節點下子一級的第一個節點
- lastChild: 獲取某一節點下子一級的最后一個節點
- firstElementChild: 獲取某一節點下子一級的第一個元素節點
- lastElementChild: 獲取某一節點下子一級的最后一個元素節點
- nextSibling: 獲取某一節點的下一個兄弟節點
- previousSibling: 獲取某一節點的上一個兄弟節點
- nextElementSibling: 獲取某一節點的下一個兄弟元素節點
- previousElementSibling: 獲取某一節點的上一個兄弟元素節點
- parentNode: 獲取某一節點的父節點
- attributes: 獲取某一節點的所有屬性節點