DOM基本介绍

271 阅读1分钟
  1. 定义
  2. 含义
  3. 组成
  4. 作用
  5. 节点树结构

1 定义

独立于任何语言的平台和接口,允许任何语言或脚本 动态的访问和更新 HTML文档的内容

2 含义

  • D -Document 将HTML页面表示为 一个文档

  • O -Object 将HTML每个部分都表示为 一个对象

     DOM以面向对象的方式,描述HTML页面。
     Document对象,处理HTML页面的内容。
    
  • M -Model 用模型来表示对象之间的关系,方便获取对象

    DOM将HTML页面表示为一个树结构。
    

3 组成

  • DOM Core,将带有标记的文档,看成树状结构,并进行操作。
  • DOM HTML,在DOM核心的基础上,支持对所有HTML元素对象进行操作。
  • DOM CSS,提供脚本,实现CSS接口。

4 作用

  • 浏览器将HTML & CSS解析为DOM树结构,在浏览器内存中生成。
  • 为HTML & CSS对应的提供了JavaScript对象,可以通过操作这些JavaScript对象,来间接的操作HTML & CSS对象。

5 节点树结构

  • 文档节点
  • 元素节点
  • 属性节点
  • 文本节点