HTML元素操作之改变盒子内容.docxVIP

HTML元素操作之改变盒子内容 授课班级 20高职网络 授课学时 2课时 授课地点 授课时间 学情分析 通过上学期的学习，同学们已经掌握了HTML+CSS3有关知识并具有制作静态页面的能力；同时，前面已经学习了JavaScript脚本语言的基础知识和三大核心内容的BOM。但对如何使用JavaScript操作页面文档还不清楚。 教学目标 知识目标 1、掌握获取元素的方法 2、掌握对元素内容进行操作方法 能力目标 培养学生的不同思维方式和深入探究能力 素养目标 培养学生的专注力和组织纪律性 教学重点 获取元素、 对元素内容进行操作 教学难点 DOM提供的属性和方法的实际应用 教学方式 课堂讲授为主，将抽象具体化，配合教学PPT、图例辅助讲解。并演示如何应用，重点内容总结运行原理。 教学资源 多媒体教室、 传智|高考教辅平台、课件 课 前 课前自学 教学内容 利用网络资源，传智|高考教辅平台完成对HTML元素操作内容的预习 教师活动 1、传智|高考教辅平台发布自学视频和学习任务：HTML元素操作 2、发布测试，了解学生对知识的掌握 程度。 学生活动 观看自学视频、完成测试练习 设计意图 1、培养学生自主学习能力。 2、通过课前预习对HTML元素操作内容有初步了解 课 中 知识回顾 教学内容 1、DOM（Document Object Model），即文档对象模型，一套规范文档内