DOM

Posted 2021-02-20 ujoxia

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对象，可以用来修改样式
• .......