文章目录
一、什么是DOM
文档对象模型(Docunebt Object Model),他提供了对文档结构化的表述,将Js和HTML联系了起来,将文档解析成了一个由节点和对象(包含属性和方法的对象)组成的结构集合。
1.DOM树
文档:一个页面就是一个文档,DOM中使用document表示
元素:页面中所有的标签都是元素,DOM中用element表示
节点:网页中所有内容都是节点(标签、属性、文本、注释等),DOM中使用node表示
DOM把以上内容都看作对象
二、获取DOM
常用获取方式
- 根据ID获取
- 根据标签名获取
- 同伙HTML5新增的方法获取
- 特殊元素获取
1.根据ID获取
使用getElementById() 的方法获取带有ID的元素对象