DOM获取元素的几个API

1. getElementById()
   通过元素id获取元素，返回匹配id的元素节点，如果没有匹配则返回null

var elem = document.getElementById("div");

2. getElementsByClassName()
   通过元素classname获取元素，返回匹配classname的元素节点类数组对象,classname中间可以有空格，返回同时具有几个class属性的元素

var elements = document.getElementsByClassName('tab');
var elements = document.getElementsByClassName('div tab');

3. getElementsByTagName()
   通过元素标签获取元素，返回匹配标签的元素节点类数组对象

var paras = document.getElementsByTagName("p");

该方法会将参数转为小写之后再匹配

4. getElementsByName()
   通过name属性获取元素，返回返回匹配name的元素节点类数组对象，不会实时反映元素变化

var item = document.getElementsByName("a");

5. querySelector()
   返回指定css选择器的元素对象，如有多个匹配的话返回第一个，如没有匹配到则返回null，无法选中伪元素

var elm = document.querySelector('#div > [ng-click]');

6. querySelectorAll()
   返回指定css选择器的所有元素对象，元素节点的变化无法实时反映在返回结果中。若选择器内以逗号相隔则返回匹配任意一个选择器的元素类数组对象。

elementList = document.querySelectorAll(selectors);