DOM
DOM用于访问和操作HTML和XML文档,将这两个看作一个层次化的节点树,可以使用JavaScript来操作这个节点数,进而改变底层文档的外观和结构。
DOM由各种节点构成:
- 最基本的节点类型是Node,用于抽象的表示文档中一个独立的部分,所有其他类型都继承自Node
- Document类型表示整个文档,是一组分层节点的根节点
- Element节点表示文档中的所有HTML或XML元素,可以用来操作这些元素的内容和特性
- 其他节点类型分别1表示文本内容、注释、文档类型、CDATA区域和文档片段
理解DOM的关键,就是理解DOM对性能的影响,DOM操作往往是JavaScript程序中开销最大的部分,每次访问NodeList对象都会运行一次查询,所以尽量减少DOM操作。
DOM扩展和DOM2、DOM3
- querySelector()和querySelectotAll()让开发人员能够基于css选择符从DOM中取得元素
- 每个元素都有一个关联的style对象,可以用来修改样式
- .......