14.项目6 DOM元素获取方法.docx

课程教学设计

课程名称

本课名称

所授章节

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

授课对象

选用教材

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

课时数

2

【学情分析】

知识基础

学生已建立DOM树和节点的基本概念，知道网页元素在JS中表现为对象，但不知道如何高效、准确地获取到特定的元素对象。

能力基础

能够通过childNodes遍历所有子节点，但这种方式效率低下且不精确，无法满足实际开发需求。

素养基础

渴望掌握更高效的元素选取技巧，以提升开发效率。

【教学目标】

知识目标

1.掌握通过ID(getElementById)、标签名(getElement