jsDOM操作之获取元素

1 根据id名获取

document.getElementById(idName)

2 根据标签名获取

document.getElementsByTagName(tagName)   // 返回一个集合 （类数组对象）  从整个文档获取
element.getElementsByTagName(tagName)    // 从element的后代元素中获取

3 根据类名获取

document.getElementsByClassName(className)   // 返回一个集合（类数组对象）  从整个文档获取
element.getElementsByClassName(className)   // 从element的后代中获取

需要 IE9 以上浏览器支持！

4 根据 name 属性值获取

document.getElementsByName()  //返回集合  只有document才有该方法

5 根据选择器获取

document.querySelector(选择器)   //选择器第一个满足选择器条件的
document.querySelectorAll(选择器) //选择所有满足选择器条件的，返回nodeList（类数组对象）
element.querySelector(选择器)
element.querySelectorAll(选择器)

需要 IE8 以上浏览器支持！

比较推荐这种用法。

6 获取所有的元素

document.all  //所有的元素组成的集合（类数组对象）

//document.all的妙用
if (document.all) {
    //说明是IE浏览器   IE10以及以下版本
} else {
    // 说明非IE浏览器 IE11以及EDGE 
}