JavaScript前端开发程序设计项目式教程-教案 项目6 DOM节点的创建、复制与删除.docx

课程教学设计

课程名称

本课名称

所授章节

项目6商品放大镜——DOM对象

授课对象

选用教材

《JavaScript前端开发程序设计项目式教程（微课版）（第3版）》

课时数

2

【学情分析】

知识基础

学生已能操作现有DOM元素，但对于如何在运行时动态地向页面中“注入”全新的内容（创建节点）、复制现有内容（克隆节点）或清理不需要的内容（删除节点）缺乏了解。

能力基础

能够修改页面，但无法实现内容的动态增删，如评论列表、购物车商品增减等功能。

素养基础

渴望掌握构建动态、可交互Web应用的完整能力，对实现内容的动态管理有强烈需求。

【教学目标】

知识目标

1.掌握使用document