HTML文档对象模型(DOM).ppt

JAVASCRIPT程序设计基础与范例教程 第八章 HTML文档对象模型（DOM） 课堂学习目标 了解DOM的体系结构； 理解DOM文档树的构建； 理解DOM接口的作用； 掌握DOM核心接口的功能用法； 掌握HTML DOM接口的功能用法； 8.1 文档对象模型概述 DOM是W3C（万维网联盟）的标准，它定义了操作HTML和XML文档的标准接口。DOM允许程序或脚本动态地访问文档的内容、结构和样式。 DOM核心API：访问结构化文档的标准模型 XML DOM：访问XML文档的标准模型 HTML DOM：访问HTML文档的标准模型 8.1 文档对象模型概述 1．浏览器对DOM标准的支持 2．树形结构表示文档 8.2 DOM核心接口 1．Node接口 2．Document接口 3．Element接口 4．Attr接口 5．CharacterData接口 6．Text接口 7．Common接口 8．接口定义的其他功能，以及其他DOM核心接口 8.2 DOM核心接口 【课堂案例8-1】：获取DOM树中的节点信息 【课堂案例8-2】：删除DOM树中的节点 【课堂案例8-3】：在DOM树中添加子节点 【课堂案例8-4】：替换DOM树中的节点 【课堂案例8-5】：复制DOM树中的节点 【课堂案例8-6】：获取节点的属性 【课堂案例8-7】：控制文本节点 【课堂案例8-8】：提取网页