【JavaScript】Javascript—APIs—Day01

Javascript——Day0601. 声明变量const优先02. DOM树和DOM对象03. 获取DOM元素04. DOM修改元素内容以及年会抽奖案例05. DOM修改元素常见属性以及案例06. 通过style修改样式07. 通过类名修改样式08. 通过classList修改样式09. 随机轮播图案例10. 获取设置表单的值11. H5自定义属性-data12. 定时器-间歇函数13. 用户倒计时效果14. 综合案例—轮播图定时版01. 声明变量const优先JS学习目录课程安排第一天变量声明那么提出以下问题实操没有报错。所以为什么复杂数据类型就可以呢请看内存存储演示存储的数组其地址没变则不算改变。如若改变数组地址如赋值新的数组则算改变。总结02. DOM树和DOM对象Web API基本认知1API的作用和分类注意alert、prompt都是属于DOM内的。2什么是DOM操作网页内容即操作标签。总结3DOM树整个页面都是document。4DOM对象上文提及DOM树主要目的是把DOM标签之间的关系展示出来且这个API是通过JS的形式来操控这些标签比如说让一个div通过js的形式让其里面的文字改变。操作标签的第一步是获取标签在js内在dom内每一个标签都会有一个对应着的DOM树结构和它一一对应它是以对象的形式来表示的。在js内任何一个标签都是一个对象。即把标签获取过来在js内都是当对象来看的document对象03. 获取DOM元素css是通过选择器获取标签。而js有它自己的方式。我们想要操作某个标签首先要做什么根据CSS选择器来获取DOM元素1选择匹配第一个元素注意只返回第一个例如通过标签名。例如通过其他的。2)选择匹配多个元素总结遍历但也可以不遍历最后注意其他获取DOM元素的方法04. DOM修改元素内容以及年会抽奖案例接下来我们要讲的是操作元素的内容请看我们所见到的倒计时就是在修改文字内容但是不解析标签所以我们可以更换使用innerHTML总结年会抽奖案例实操定义一个数组随机生成一个索引值把名字填上一等奖然后删除数组内该值以此类推。实操然后二三等奖的复制粘贴即可。05. DOM修改元素常见属性以及案例学习目录操作元素常用属性练习06. 通过style修改样式通过style修改样式案例随机更换背景图片刷新更换07. 通过类名修改样式如果我们需要给这个盒子修改的样式比较多那么采取style形式修改则需要写很多很多行代码如下图解决方案赋值class08. 通过classList修改样式因为通过className类名去修改样式的话他会覆盖原先的类名则我们想添加某个类的时候就一定要去查找这个标签原来有没有类名。box是对象区别总结09. 随机轮播图案例案例实操10. 获取设置表单的值获取设置表单的值例子1修改表单值用value、更改类型用属性例子2其他属性修改举例11. H5自定义属性-data我们先前操作的都是元素本身就有的属性12. 定时器-间歇函数定时器—间歇函数使用let是因为定时器有开有关开的时候会重新赋予新值。13. 用户倒计时效果用户倒计时效果14. 综合案例—轮播图定时版案例思路