学习js的第七天(wed APIs的开始)

变量声明

APIs的基本认知

APIs的作用和分类

什么是DOM

DOM树

DOM对象(重要)

在html中叫标签,在js的DOM中叫对象

获取DOM元素(重点)

根据css选择器来获取DOM元素(重点)

可以写选择器,可以写类名

如有<div class=nav>我无敌了</div>

就可以写成const nav= document.querySelector('div'或'.nav')都可以

单个(获取第一个)

多个(获取全部)

下面的操作必须先获取。。。。。。记住了

操作元素内容(通过js修改html)

元素.innerText属性

不会加粗

元素.innerHTML属性

会加粗

标记一下这个写法,随机数组下标

操作元素属性(通过js修改css)

常用属性修改

操作元素样式属性

通过style属性操作css

下面这个是整个页面(body)图片轮换的情况

通过类名(className)操作css

上面再定义了一个css,将原来的css属性覆盖了(新值换旧值)

也可以两个共同存在

通过classList修改样式(很常用的,知道了吗)

操作表单元素属性

自定义属性

定时器-间歇函数

定时器-间歇函数介绍

定时器-间歇函数基本使用

开启定时器

那里面的1000是毫秒,相当于1秒

关闭定时器

案例知识

小圆点轮换

相关推荐
KaMeidebaby2 小时前
卡梅德生物技术快报|冻干工艺开发:注射用心肌肽全流程参数优化与工程化方案
前端·其他·百度·新浪微博
ooseabiscuit2 小时前
Laravel6.x核心优化与特性全解析
android·开发语言·javascript
哆啦A梦15882 小时前
20, Springboot3+vue3实现前台轮播图和详情页的设计
javascript·数据库·spring boot·mybatis·vue3
Moment2 小时前
面试官:如果产品经理给你多个需求,怎么让AI去完成❓❓❓
前端·后端·面试
每天吃饭的羊2 小时前
JSONP
前端
gogoing2 小时前
ESLint 配置字段说明
前端·javascript
风兮雨露3 小时前
VMware虚拟机(安装/绿色版)
学习
Lkstar3 小时前
面试官让我手写 Promise.all / Promise.race / Promise.allSettled,我直接水灵灵地写出来了
javascript·面试
gogoing3 小时前
CSS 属性值计算过程(Computed Value)
前端·css