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);