DOM BOM

DOM BOM

一介绍

只介绍DOM是怎么回事,至于dom操作不看,因为jQuery已经封好了,比原生js简单的多.

•  HTML  Document Object Model（文档对象模型）
•     HTML DOM 定义了访问和操作HTML文档的标准方法
•     HTML DOM 把 HTML 文档呈现为带有元素、属性和文本的树结构（节点树)

二、DOM树

dom树是为了展示文档中各个对象之间的关系，用于对象的导航。

三、DOM节点

1.节点类型

HTML 文档中的每个成分都是一个节点。

DOM 是这样规定的：
    整个文档是一个文档节点 
    每个 HTML 标签是一个元素节点 
    包含在 HTML 元素中的文本是文本节点 
    每一个 HTML 属性是一个属性节点

其中，document与element节点是重点。

2.节点关系

 

节点树中的节点彼此拥有层级关系。
父(parent),子(child)和同胞(sibling)等术语用于描述这些关系。父节点拥有子节点。同级的子节点被称为同胞（兄弟或姐妹）。

 

•     在节点树中，顶端节点被称为根（root）
•     每个节点都有父节点、除了根（它没有父节点）
•     一个节点可拥有任意数量的孩子
•     同胞是拥有相同父节点的节点

下面的图片展示了节点树的一部分，以及节点之间的关系：

3.关于节点的操作放弃原生js.

四:BOM

浏览器对象,操作的是如地址栏,前进后退等,用的不多,用的时候查就可以了.

原生js只掌握基本的语法就可以了,还有一些常用对象,多数的精力放在jQuery上.