15.项目6 动态呈现——改变元素样式与内容.docx

课程教学设计

课程名称

本课名称

所授章节

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

授课对象

选用教材

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

课时数

2

【学情分析】

知识基础

学生已能精准获取DOM元素，但不知道如何通过JS动态地改变元素的外观（样式）和内在（内容），从而实现交互效果。

能力基础

具备获取元素的能力，但缺乏对style、innerHTML等关键属性的操作经验。

素养基础

对实现动态视觉效果充满期待，希望通过本课学习让自己的网页“动”起来。

【教学目标】

知识目标

1.掌握通过element.style.property方式修改元素的行内样式