透过 DOM 看世界

发表于 | 分类于

文档:DOM中的”D”

DOM可以把我们编写的网页文档转成一个文档对象

对象:DOM 中的”O”

对象

>是一种无序的键值对的结合

与某个特定对象相关联的变量被称为这个对象的属性，只通过某个特定的对象去调用的函数被称为这个对象的方法

​ javascript语言中对象可分为三种类型。

  1. 用户定义对象:由程序员自行创建的对象。

  2. 内置对象（内建对象）: 内建在javascript语言里的对象。如Array、Math、Date等

  3. 宿主对象：由浏览器提供的对象

    即使是在javascript的最初版本里 ，对编写脚本来说非常重要的一些宿主对象就已经可用了，他们当中最基础的对象就是window对象

    window对象对应着浏览器窗口本身，这个对象的属性和方法通常成为BOM（浏览器对象模型）。BOM 提供了window.open和window.blur 等方法

模型：DOM中的”M”

DOM 中的M代表着“Model” (模型)

html

一套操作页面元素的API

DOM可以把HTML看做是文档树，通过DOM提供的API可以对树上的节点进行操作

节点

  1. 节点这个词是个网络术语，它表示网络中一个连接点。一个网络就是由一些节点构成的集合。
  2. 在DOM中有许多不同类型的节点。 也有很多类型的DOM节点包含着其他类型的节点。接下来我们简单介绍三种：元素节点、文本节点、属性节点
    • ​

##元素节点
标签的名字就是元素的名字。元素可以包含其他元素，特殊 没有被包含在其他元素里的唯一元素就是html元素。它是我们的节点树的根元素

##文本节点
文本节点由Text类型表示，包含的是纯文本内容，但文本节点是对象类型

##属性节点
属性节点是用来对元素做出更具体的描述。几乎所有的元素都有一个title属性，而我们可以利用这个属性对包含在元素里的东西做出准确的描述。