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对象,可以用来修改样式
  • .......
posted @ 2020-05-02 15:48  KWskrrrr  阅读(95)  评论(0编辑  收藏  举报