学习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秒

关闭定时器

案例知识

小圆点轮换

相关推荐
kyriewen8 小时前
微软用Go重写TypeScript编译器,速度提升10倍,网友:这是“背叛”还是“救赎”?
前端·typescript·ecmascript 6
Ceelog8 小时前
久坐党自救指南:屏幕前 8 小时,身体到底在经历什么
前端·后端
西陵8 小时前
Agent 为什么会陷入 Doom Loop?OpenClaw 的破解之道
前端·人工智能·ai编程
喜欢踢足球的老罗8 小时前
从移动开发转型 AI Agent 工程师:我做了一个开源学习系统
人工智能·学习
Hyyy9 小时前
普通前端续命周报——第2周
前端
swipe9 小时前
DeepAgents 实战:用多 Agent 架构搭一个深度调研助手
javascript·面试·llm
wuxinyan1239 小时前
工业级大模型学习之路030:Streamlit 企业级智能体前端工作台
前端·学习·streamlit·智能体
修己xj9 小时前
告别无效刷屏!TrendRadar:最快30秒部署的开源热点助手,让你只看真正关心的新闻
前端
长安紫薯10 小时前
学习AI日记
学习
星恒随风10 小时前
C语言数据结构排序算法详解(下):冒泡排序、快速排序、归并排序和计数排序
c语言·数据结构·笔记·学习·排序算法