隨着Jquery對dom的編程的便利，HTML5也慢慢融入了對dom的編程的擴展。querySelectorAll就是一個很好的例子.
Document.querySelectorAll
返回當前文檔中匹配一個特定選擇器的所有的元素(使用depth-first pre-order這樣的規則遍歷所有文檔節點) .返回的對象類型是 NodeList.
語法：
elementList = baseElement.querySelectorAll(selectors);
其中
elementList會是一個non-live的NodeList對象.
baseElement是一個元素對象.
selectors是一個由逗號連接的包含一個或多個CSS選擇器的字符串.
selectors的規法：
- "＃id" ：獲取含有id="id"的元素
- ".css"：獲取class屬性包含“css”的所有元素
- “tag”：獲取tagName爲"tag"的所有元素
- "[attr='value']"：獲取元素含有attr屬性的所有元素，如果加上"=value"，則表示獲取元素含有attr屬性且此元素的值需爲value，更多：[name*="value"] 包含， [name$="value"]結尾，[name^="value"]開頭
- parent child 獲取包含child的所有元素，parent > child 只獲取第一層。parent > child > child獲取第二層，以此類推。
tag和css可以接合使用，如："div.red"，表示所有class屬性包含red的所有div元素