正在进入ing...

JavaScript学习笔记-DOM分类和级别概述

发布时间:2020-09-08 浏览量: 1833 文章分类: 前端相关

DOM到底是啥

简单来说,DOM就是接口(API)。它可以将结构文档转变成一个树形,这个数则是由各种样式的节点构成(也叫节点树) 举例来说:

<html>
    <head>
        <title>这是标题</title>
    </head>
    <body>
        <h1>这是h1标题</h1>
    </body>
</html>

上面这个代码就是由下面这样的树结构构成的

DOM的目标是啥?

先说明一个背景,DOM并不是为HTML设计的,而是一个通用的标准,为所有标记语言而设计

说人话的意思就是

DOM标准的目标是让“任何一种程序设计语言”能操控使用“任何一种标记语言”编写出“任何一份文档”。“操控”具体含义为能通过DOM提供的接口对文档的内容、结构、样式进行访问和修改。

DOM也被分成了不同的部分(核心、XML及HTML)和级别(DOM Level1/2/3) DOM分类 + DOM核心:针对任何结构化文档的标准模型 + DOM XML:只针对XML文档的标准模型 + DOM HTML:只针对HTML文档的标准模型

DOM的级别和历史背景

DOM标准中并没有DOM 0级的。所谓的DOM 0级是DOM历史坐标中的一个参照点而已,具体说呢,DOM 0级指的是IE4和Netscape 4.0这些浏览器最初支持的DHTML。

  1. DOM Level 1:于1998年10月成为W3C的推荐标准。DOM 1级由两个模块组成:DOM核心(DOM Core)和DOM HTML。
  2. DOM Level 2:对DOM level 1做了扩展
  3. DOM Level 3:对DOM level 2做了进一步的扩展