JavaScript DOM 编程

DOM

- D：文档 - html 文档或 xml 文档

- O：对象 - document 对象的属性和方法

- M：模型

- DOM 是针对 xml 的基于树的API

- DOM 树：节点的层次

- DOM 把一个文档表示为一颗家谱树（父，子，兄弟）

- DOM 定义了 Node 接口以及许多种节点类型来表示 XML 节点的多个方面

1、节点及其类型

节点：来源于网络理论，代表网络中一个连接点，网络是由节点构成的集合
①，元素节点
②，属性节点：元素的属性，可以直接通过属性的方式来操作
③，文本节点：是元素节点的子节点，其内容为文本

2、在 html 文档的什么位置编写 js 代码

① 直接在 HTML 页面中书写 js代码

Click Me!

缺点：
 a，js 和 HTML 强耦合，不利于代码的维护
 b，若 click 相应函数是比较复杂的，则需先定义一个函数，然后在 onclick 属性中完成对函数的引用，比较麻烦
② 一般的，不能在 body 节点之前来直接获取 body 内的节点，因为此时 html 文档树还没有加载完成，获取不到指定的节点