DOM及常用方法

在JS中获取DOM元素的方法

getElementById

通过元素的ID获取指定的元素对象
1.getElementById的上下文只能是document
因为严格意义上一个页面的ID是不能重复的
2. 如果页面中的ID重复了，我们基于这个方法只能获取到第一个元素，后面相同ID的元素无法获取
3. 在IE6-7浏览器中，会把表单元素（input…）的name属性值当作ID来使用

getElementByTagName

1.[context].getElementsByTagName在指定的上下文中，根据标签名获取到一组元素集合（类数组），不能直接使用数组方法
2.它会把当前上下文中，子子孙孙（后代）层级内的标签都获取到
3.基于这个方法获得的永远是一个集合

getElementByClassName

1.[context].getElementsByClassName在指定的上下文中,基于元素的样式类名(class=‘xxx’)获取到一组元素集合
2.真实项目中，我们经常是基于样式类来给元素设置样式，但是此方法在IE6-8下不兼容

getElementByName

document.getElementsByName它的上下文也只能是document,整个文档中，基于元素的name属性值获取一组节点集合（类数组）
1.在IE浏览器中，只对表单元素的name起作用。

querySelector

[context].getElementsByClassName在指定的上下文中基于选择器(类似于CSS选择器)获取到指定的元素对象，只获取第一个