js获取DOM元素的几种方法

操作DOM

DOM树 （文档对象模型）

1. 文档：一个页面就是一个文档，DOM中使用document表示
2. 元素：页面中所有的标签都是元素，DOM中使用element表示
3. 节点：网页中所有的内容都是节点（标签、属性、文本、注释等），DOM中使用node表示

获取元素

• 根据元素ID获取
  通过getElementById()方法获取带有ID的对象

 document.getElementsById(id)
 返回的是这个Id 的元素对象

• 根据标签名获取
  getElementsByTagName()

document.getElementsByTagName('标签名')
如果没有这个元素  返回的是一个空的伪数组
返回的是 获取过来元素对象的集合 是一个以伪数组的形式存储
``
```html
注意：获取某个元素（父元素）的内部的指定标签名的子元素；这个父元素必须是单个对象

• 通过html5新增的方法获取
  注意： 有兼容性问题

document.getElementsByClassName('类名')  // 根据类名获取某些元素的集合
document.querySelector('选择器') // 指定选择器的第一个元素对象
document.querySelectorAll('选择器') // 指定选择器的所有元素对象集合

• 通过特殊元素获取

// 获取body 元素
document.body
//获取html 元素
document.documentElement