基本信息
文件名称：15.项目6 动态呈现——改变元素样式与内容.docx
文件大小：20.89 KB
总页数：3 页
更新时间：2026-01-22
总字数：约2.14千字
文档摘要
课程教学设计
课程名称
本课名称
所授章节
项目6商品放大镜——DOM对象
授课对象
选用教材
《JavaScript前端开发程序设计项目式教程（微课版）（第3版）》
课时数
2
【学情分析】
知识基础
学生已能精准获取DOM元素，但不知道如何通过JS动态地改变元素的外观（样式）和内在（内容），从而实现交互效果。
能力基础
具备获取元素的能力，但缺乏对style、innerHTML等关键属性的操作经验。
素养基础
对实现动态视觉效果充满期待，希望通过本课学习让自己的网页“动”起来。
【教学目标】
知识目标
1.掌握通过element.style.property方式修改元素的行内样式