WebAPIsContents目WebAPI简介DOM简介获取元素注册事件操作元素内容操作元素属性能够说出什么是WebAPI能够说出什么是DOM能够获取页面元素能够给元素注册事件能够操作DOM元素的属性目标TARGET学习的主要内容要点提示WebAPIs简介导读掌握程度:了解1.1WebAPIs简介导读视javascript的组成部分WebAPI主要学习的内容要点提示js基础和WebAPIs两个阶段的关联性掌握程度:了解1.2js基础和WebAPIs两个阶段的关联性视API和WebAPI要点提示API和WebAPI掌握程度:理解1.3API和WebAPI视学习目标要点提示DOM导读掌握程度:了解1.4DOM导读视DOM的作用DOM树要点提示DOM简介掌握程度:了解1.5DOM简介视答1、什么是节点?2、什么是元素?课堂问答答视课堂问答1.5DOM简介通过ID获取元素要点提示getElementById获取元素掌握程度:应用1.6getElementById获取元素视结视getElementById的语法注意事项1:js代码写在标签后面注意事项2:参数是区分大小写的字符串注意事项3:返回的是1个元素对象1.6getElementById获取元素课堂问答视知识总结结通过标签名获取元素要点提示掌握程度:应用2.1getElementsByTagName获取某类标签元素结视getElementsByTagName获取某类标签元素getElementsByTagName的2种语法(document.和父元素.)注意事项1:返回值是元素对象的集合(伪数组)2.1getElementsByTagName获取某类标签元素课堂问答视知识总结结通过class获取元素通过选择器获取单个元素通过选择器获取所有元素要点提示H5新增获取元素方式掌握程度:应用2.2H5新增获取元素方式结视练getElementsByClassName语法querySelector()语法和返回值querySelectorAll()语法和返回值2.2H5新增获取元素方式课堂问答视知识总结结练练习HTML页面,有一个ul,ul中有3个li标签:
,请分别获取第一个li和最后一个li,并打印到控制台!提示创建一个ul和多个使用不同的方式获取其中的li10分钟2.2H5新增获取元素方式获取元素的巩固练习视结练获取body元素获取html元素要点提示获取body和html元素掌握程度:应用2.3获取body和html元素视事件事件三要素要点提示事件三要素掌握程度:理解2.4事件三要素视给元素绑定事件常用的事件类型要点提示执行事件过程掌握程度:应用3.1执行事件过程答视练1、事件三要素是哪些?2、给元素注册事件的步骤是什么?3.1执行事件过程课堂问答...