DOM文档对象模型

文档：标记型文档（HTML/XML）

对象：封装了属性和行为

模型：共性特征的体现

DOM解析HTML：

（1）通过DOM的方法，把HTML全部（元素（标签）、文本、属性）都封装成了对象

（2）DOM想要操作标记型文档先解析（解析器）。DOM解析HTML（浏览器也可以解析HTML）

DOM的三个级别：

（1）将html封装成对象

（2）添加新的功能，例如对事件和css样式的支持

（3）支持XML1.0的新特性

DHTML不是编程语言，是多种技术的综合，包含：

（1）html 封装数据

（2）css 设置样式

（3）dom 操作html

（4）js 提供逻辑

Document：代表整个文档

方法：

document.getElementById(“id的值”) 通过元素的id的属性获取元素的对象

document.getElementsByName(“name属性值”) 通过元素名称获取对象的集合（返回数组）

document.getElementsByTagName(“标签名称”) 通过标签名获取元素对象的集合（返回数组）

document.write(“文本的内容”) 把文本写到浏览器上

<ul>
<li>北京</li>
<li>上海</li>
<li>广州</li>
</ul>
// 需求： 添加一个<li>深圳</li>
// 创建元素对象li document.createElement()
var li = document.createElement("li");
// 创建文本的对象深圳 document.createTextNode()
var text = document.createTextNode("深圳");
// 把文本对象放在li下面，作为li的子节点 li.appendChild(text)
li.appendChild(text);
// 把li放在ul下面(先获取ul)，作为ul的子节点 ul.appendChild(li)
var ul = document.getElementsByTagName("ul")[0];
ul.appendChild(li);