当前位置: 首页 > news >正文

JavaScript笔记APIs篇01——DOM获取与属性操作

 黑马程序员视频地址:黑马程序员前端JavaScript入门到精通全套视频教程https://www.bilibili.com/video/BV1Y84y1L7Nn?vd_source=0a2d366696f87e241adc64419bf12cab&spm_id_from=333.788.videopod.episodes&p=78https://www.bilibili.com/video/BV1Y84y1L7Nn?vd_source=0a2d366696f87e241adc64419bf12cab&spm_id_from=333.788.videopod.episodes&p=78 

目录

变量声明的选择 

基本数据类型 

引用数据类型

DOM获取与属性操作

Web API 基本认识

作用和分类

什么是DOM

DOM树

DOM对象

获取DOM对象

根据CSS选择器来获取DOM元素

选择匹配的第一个元素

选择匹配的多个元素

其他获取DOM元素方法

操作元素内容

元素.innerText 属性

元素.innerHTML 属性

操作元素属性

1.常用属性(标签内置属性 src等)

2.样式属性(CSS修饰属性)

通过style属性操作CSS

通过类名(className)操作CSS

通过classList操作CSS

3.表单元素属性

4.自定义属性

定时器(间歇函数)

开启定时器

关闭定时器


变量声明的选择 


基本数据类型 

 


引用数据类型


DOM获取与属性操作

Web API 基本认识

作用和分类


什么是DOM


DOM树


DOM对象


获取DOM对象

根据CSS选择器来获取DOM元素

选择匹配的第一个元素

 参考文档https://developer.mozilla.org/zh-CN/docs/Web/API/Document/querySelectorhttps://developer.mozilla.org/zh-CN/docs/Web/API/Document/querySelectorhttps://developer.mozilla.org/zh-CN/docs/Web/API/Document/querySelectorhttps://developer.mozilla.org/zh-CN/docs/Web/API/Document/querySelectorhttps://developer.mozilla.org/zh-CN/docs/Web/API/Document/querySelector


选择匹配的多个元素


其他获取DOM元素方法


操作元素内容

元素.innerText 属性


元素.innerHTML 属性


操作元素属性

1.常用属性(标签内置属性 src等)


2.样式属性(CSS修饰属性)

通过style属性操作CSS


通过类名(className)操作CSS


通过classList操作CSS


3.表单元素属性

 


4.自定义属性


定时器(间歇函数)

开启定时器


关闭定时器

http://www.lryc.cn/news/523538.html

相关文章:

  • SQL表间关联查询详解
  • select函数
  • 建造者模式(或者称为生成器(构建器)模式)
  • 【深度学习】Huber Loss详解
  • A5.Springboot-LLama3.2服务自动化构建(二)——Jenkins流水线构建配置初始化设置
  • 李宏毅机器学习HW1: COVID-19 Cases Prediction
  • MySQL下载安装DataGrip可视化工具
  • 多平台下Informatica在医疗数据抽取中的应用
  • 用公网服务器实现内网穿透
  • 为什么mysql更改表结构时,varchar超过255会锁表
  • ASP.NET Core中 JWT 实现无感刷新Token
  • 函数(函数的概念、库函数、自定义函数、形参和实参、return语句、数组做函数参数、嵌套调用和链式访问、函数的声明和定义、static和extern)
  • 物联网在烟草行业的应用
  • 第6章:Python TDD实例变量私有化探索
  • Java操作Excel导入导出——POI、Hutool、EasyExcel
  • BUUCTF_Web([GYCTF2020]Ezsqli)
  • 微软宣布Win11 24H2进入新阶段!设备将自动下载更新
  • SpringBoot:解决前后端请求跨域问题(详细教程)
  • Android-V lmkd 中的那些属性值
  • PageHelper快速使用
  • 图像处理基础(3):均值滤波器及其变种
  • 力扣刷题心得_JAVA
  • 音乐播放器实现:前端HTML,CSS,JavaScript综合大项目
  • Unity编辑器缩放设置
  • ChatGPT大模型极简应用开发-CH1-初识 GPT-4 和 ChatGPT
  • Golang学习笔记_27——单例模式
  • хорошо哈拉少wordpress俄语主题
  • [数据结构与算法]js实现二叉树
  • MySQL程序之:连接到服务器的命令选项
  • python3GUI--仿崩坏三二次元登录页面(附下载地址) By:PyQt5