javaScript知识点回顾(三十四):文档对象模型(DOM)

1)

DOM的官方定义

  • DOM , Document Object Model ,文档对象模型。我们可以把网页中的所有“东西”看成是“对象”。

  • DOM是W3C制定的网页标准或规则,而这个标准,在浏览器中,以“对象”的形式得以实现。

  • DOM的官方定义:DOM可以使脚本,动态的访问或操作,网页的内容、网页外观、网页结构

2)

DOM的分类

  • 核心DOM:提供了同时操作HTML文档和XML文档的公共的属性和方法。

  • HTML DOM:针对HTML文档提供的专用的属性方法。

  • XML DOM:针对XML文档提供的专用的属性和方法。

  • CSS DOM:提供了操作CSS的属性和方法。

  • Event DOM:事件对象模型。如:onclick、 onload等。

  • javaScript知识点回顾(三十四):文档对象模型(DOM)

3)

节点关系

  • 根节点,一个HTML文档只有一个根,它就是HTML节点。

  • 子节点:某一个节点的下级节点。

  • 父节点:某一个节点的上级节点。

  • 兄弟节点:两个子节点同属于一个父节点。

4)

DOM中节点类型

  • document文档节点,代表整个网页,不代表任何HTML标记。但它是html节点的父节点。

  • element元素节点,指任何HTML标记。每一个HTML标记就称一个“元素节点”。它可以有文本节点和属性节点。

  • attribute属性节点。指HTML标记的属性。

  • text节点。是节点树的最底节点