操作DOM
DOM树 (文档对象模型)
- 文档:一个页面就是一个文档,DOM中使用document表示
- 元素:页面中所有的标签都是元素,DOM中使用element表示
- 节点:网页中所有的内容都是节点(标签、属性、文本、注释等),DOM中使用node表示
获取元素
- 根据元素ID获取
通过getElementById()方法获取带有ID的对象
document.getElementsById(id)
返回的是这个Id 的元素对象
- 根据标签名获取
getElementsByTagName()
document.getElementsByTagName('标签名')
如果没有这个元素 返回的是一个空的伪数组
返回的是 获取过来元素对象的集合 是一个以伪数组的形式存储
``
```html
注意:获取某个元素(父元素)的内部的指定标签名的子元素;这个父元素必须是单个对象
- 通过html5新增的方法获取
注意: 有兼容性问题
document.getElementsByClassName('类名')
document.querySelector('选择器')
document.querySelectorAll('选择器')
document.body
document.documentElement