网页设计项目教程（HTML5+CSS3+JavaScript）（第2版）【PPT课件】任务12.6 文档对象模型（DOM）.pptxVIP

网页设计项目教程（HTML5+CSS3+JavaScript）模块12使用JavaScript脚本语言实现网页任务12.6文档对象模型（DOM）

学习目标认识DOM与DOM树，掌握获取、创建、修改元素节点以及处理元素属性的方法知识目标理解DOM与DOM树的概念；了解DOM节点的分类；掌握获取元素节点的方法；掌握创建、修改节点的方法；掌握处理元素属性的方法。能力目标能够获取页面中的元素节点；能够创建并添加节点；能够删除、替换和插入节点；能够设置元素的属性与样式；能够用DOM渲染页面内容。素养目标培养结构化分析问题的习惯；体会“先获取、再操作”的思路；养成查阅官方文档的意识；提升页面交互功能的开发能力。

任务描述丰富多彩的页面交互效果，需要使用JavaScript操作文档对象模型（DOM）来实现DOM（DocumentObjectModel，文档对象模型）是一种用于表示和操作HTML、XML文档的编程接口。浏览器成功加载HTML文档后，会对文档进行分析，将其转换成一颗由节点构成的DOM树；通过DOM，可以使用JavaScript访问、操作HTML文档中的各个元素，从而实现动态更新页面内容、响应用户交互、控制页面样式等功能。本任务目标：认识DOM与DOM树，掌握获取、创建、修改元素节点以及处理元素属性的方法，能够通过操