webApi学习（获取页面元素）

1. document.getElementById

根据ID来获取元素
只能作为document的方法，因为每个页面id的唯一性

2.getElementByTagName

根据标签名来获取元素
可以作为document的方法，也可以作为element的方法，返回的是一个伪数组HTMLCollection(i),如果未找到元素，则返回HTMLCollection(0)。HTMLCollection是动态集合

3.getElementByName

根据name来获取元素
存在兼容问题，主要在ie、opera中会返回id为指定值的元素，所以最好不要把name和id值写一样。返回伪数组NodeList。NodeList是静态集合

4.getElementByClassName

根据类名来获取元素
IE9以下不兼容

5.querySelector

表示文档中与指定的一组CSS选择器匹配的第一个元素的 html元素
IE9以下不兼容

示例：

var el = document.querySelector("div.user-panel.main input[name='login']");

6.querySelectorAll

一个静态 [NodeList]包含一个与至少一个指定选择器匹配的元素的[Element]对象，或者在没有匹配的情况下为空[NodeList]
IE9以下不兼容

示例：
此示例返回文档中所有[<div>]元素的列表，其中class包含"note"或"alert"：

var matches = document.querySelectorAll("div.note, div.alert");