JavaScript笔记APIs篇01——DOM获取与属性操作
黑马程序员视频地址:黑马程序员前端JavaScript入门到精通全套视频教程https://www.bilibili.com/video/BV1Y84y1L7Nn?vd_source=0a2d366696f87e241adc64419bf12cab&spm_id_from=333.788.videopod.episodes&p=78
https://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/querySelector
https://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.自定义属性

定时器(间歇函数)
开启定时器

关闭定时器

相关文章:
JavaScript笔记APIs篇01——DOM获取与属性操作
黑马程序员视频地址:黑马程序员前端JavaScript入门到精通全套视频教程https://www.bilibili.com/video/BV1Y84y1L7Nn?vd_source0a2d366696f87e241adc64419bf12cab&spm_id_from333.788.videopod.episodes&p78https://www.bilibili.com/video/BV1Y84y1L7Nn?…...
SQL表间关联查询详解
简介 本文主要讲解SQL语句中常用的表间关联查询方式,包括:左连接(left join)、右连接(right join)、全连接(full join)、内连接(inner join)、交叉连接&…...
select函数
系统调用 select()可用于执行 I/O 多路复用操作,调用 select()会一直阻塞,直到某一个或多个文件描述符成为就绪态(可以读或写)。其函数原型如下所示: #include <sys/select.h> int select(int nfds, fd_set *re…...
建造者模式(或者称为生成器(构建器)模式)
一、什么是建造者模式? 将复杂对象的构建与表示进行分离,使得统一的构建过程,可以创建出不同的对象表现模式 就是将复杂对象里面的成员变量,设置不同的值,使得生成出来的对象拥有不同的属性值; 二、特点…...
【深度学习】Huber Loss详解
文章目录 1. Huber Loss 原理详解2. Pytorch 代码详解3.与 MSELoss、MAELoss 区别及各自优缺点3.1 MSELoss 均方误差损失3.2 MAELoss 平均绝对误差损失3.3 Huber Loss 4. 总结4.1 优化平滑4.2 梯度较好4.3 为什么说 MSE 是平滑的 1. Huber Loss 原理详解 Huber Loss 是一种结合…...
A5.Springboot-LLama3.2服务自动化构建(二)——Jenkins流水线构建配置初始化设置
下面我们接着上一篇文章《A4.Springboot-LLama3.2服务自动化构建(一)——构建docker镜像配置》继续往下分析,在自动化流水线构建过程当中的相关初始化设置和脚本编写。 一、首先需要先安装Jenkins 主部分请参考我前面写的一篇文章《Jenkins持续集成与交付安装配置》 二、…...
李宏毅机器学习HW1: COVID-19 Cases Prediction
Kaggle数据集和提交链接 特征选择(主要修改地方) 在sample code的基础上主要修改了Select_feat选择特征函数。 首先,因为数据集中的第一列是id,先在raw_x_train,raw_x_valid,raw_x_test中都去掉这一列。其…...
MySQL下载安装DataGrip可视化工具
目录 WinMySQL下载安装步骤MySQL配置添加环境变量 Mac下载安装配置环境变量 DataGrip可视化工具以Win为例了。Mac忘记截图了。步骤都一样 Win MySQL下载 官网: https://www.mysql.com/ 直接进下载界面: https://downloads.mysql.com/archives/installe…...
多平台下Informatica在医疗数据抽取中的应用
一、引言 1.医疗数据抽取与 Informatica 概述 1.1 医疗数据的特点与来源 1.1.1 数据特点 医疗数据具有显著的多样性特点。从数据类型来看,涵盖了结构化数据,如患者的基本信息、检验检查结果等,这些数据通常以表格形式存储,便于…...
用公网服务器实现内网穿透
首先需要一个公网服务器 下载frp 搜索github下载到frp,服务端frps/客户端frpc。。下载的时候要注意自己本地内网机的cpu版本和服务端cpu架构 我的电脑是mac M1PRO版本 下载的是:darwinarm64 比如 服务端一般是Linux(Intel 64位CPU…...
为什么mysql更改表结构时,varchar超过255会锁表
在 MySQL 中,当修改表结构并将 VARCHAR 字段的长度设置为超过 255 时,可能会出现锁表的情况。这与 MySQL 的存储引擎(主要是 InnoDB)以及表的底层存储方式相关。 原因分析 行格式变化 InnoDB 存储引擎支持多种行格式(…...
ASP.NET Core中 JWT 实现无感刷新Token
在 Web 应用开发中,用户登录状态的管理至关重要。为了避免用户频繁遇到登录过期的问题,我们可以通过实现 JWT(JSON Web Token)刷新机制来提升用户体验 推荐: 使用 Refresh Token(双 Token 机制) 1. 生成和…...
函数(函数的概念、库函数、自定义函数、形参和实参、return语句、数组做函数参数、嵌套调用和链式访问、函数的声明和定义、static和extern)
一、函数的概念 •C语⾔中的函数:⼀个完成某项特定的任务的⼀⼩段代码 •函数又被翻译为子函数(更准确) •在C语⾔中我们⼀般会⻅到两类函数:库函数 ⾃定义函数 二、库函数 1 .标准库和头文件 •C语⾔的国际标准ANSIC规定了⼀…...
物联网在烟草行业的应用
物联网技术在烟草行业的应用 物联网技术在烟草行业的应用主要体现在以下几个方面: 智能制造 :物联网技术可以实现对生产过程中的关键参数进行实时监测,确保产品的质量稳定可靠。同时,通过对设备的远程维护和故障诊断,…...
第6章:Python TDD实例变量私有化探索
写在前面 这本书是我们老板推荐过的,我在《价值心法》的推荐书单里也看到了它。用了一段时间 Cursor 软件后,我突然思考,对于测试开发工程师来说,什么才更有价值呢?如何让 AI 工具更好地辅助自己写代码,或许…...
Java操作Excel导入导出——POI、Hutool、EasyExcel
目录 一、POI导入导出 1.数据库导出为Excel文件 2.将Excel文件导入到数据库中 二、Hutool导入导出 1.数据库导出为Excel文件——属性名是列名 2.数据库导出为Excel文件——列名起别名 3.从Excel文件导入数据到数据库——属性名是列名 4.从Excel文件导入数据到数据库…...
BUUCTF_Web([GYCTF2020]Ezsqli)
1.输入1 ,正常回显。 2.输入1 ,报错false,为字符型注入,单引号闭合。 原因: https://mp.csdn.net/mp_blog/creation/editor/145170456 3.尝试查询字段,回显位置,数据库,都是这个。…...
微软宣布Win11 24H2进入新阶段!设备将自动下载更新
快科技1月19日消息,微软于1月16日更新了支持文档,宣布Windows 11 24H2进入新阶段。 24H2更新于2024年10月1日发布,此前为可选升级,如今微软开始在兼容的Windows 11设备上自动下载并安装24H2版本。 微软表示:“运行Wi…...
SpringBoot:解决前后端请求跨域问题(详细教程)
文章目录 一、前言二、解决方式 2.1 使用 CrossOrigin 注解(简单方便,适用于单个或少量接口)2.2 全局配置跨域(适用于整个项目中大量接口都需要跨域的情况)2.3 使用过滤器来处理跨域(更底层的实现方式&…...
Android-V lmkd 中的那些属性值
源码基于:Android V 相关博文: Android lmkd 机制详解(一) Android lmkd 机制详解(二) Android lmkd 机制从R到T 1. 汇总 属性名说明默认值 ro.lmk.debug 启动 lmkd 的debug 模式,会打印一…...
记一次综合型流量分析 | 添柴不加火糯
核心摘要:这篇文章能帮你 ?? 1. 彻底搞懂条件分支与循环的适用场景,告别选择困难。 ?? 2. 掌握遍历DOM集合修改属性的标准姿势与性能窍门。 ?? 3. 识别流程控制中的常见“坑”,并学会如何优雅地绕过去。 ?? 主要内容脉络 ?? 一、痛…...
从Linux驱动本质到IgH EtherCAT完整流程:一篇彻底打通驱动、配置、库、硬件的硬核博客
在做EtherCAT运动控制、机械臂开发、机器人控制系统时,几乎所有人都会遇到一连串灵魂拷问:- Linux驱动到底是什么?- 为什么用户程序不能直接操作硬件?- ethercat.conf 绑定MAC、设置 generic 到底有什么用?- 用户程序…...
【深度评测】腾讯云SA3星星海实例:AMD EPYC Milan处理器性能全面解析
1. 腾讯云SA3星星海实例初体验 第一次接触腾讯云SA3星星海实例时,我正为一个机器学习项目寻找合适的云服务器。当时测试了市面上多款机型,直到遇到这款搭载AMD EPYC Milan处理器的SA3实例,性能表现着实让我惊喜。简单来说,SA3就像…...
保姆级教程:用LangGraph的init_chat_model,5分钟搞定SiliconFlow和本地Ollama模型切换
5分钟掌握LangGraph模型切换术:SiliconFlow与Ollama无缝切换实战 当开发者需要在不同大语言模型之间快速切换时,LangGraph的init_chat_model功能就像一把万能钥匙。想象一下这样的场景:你正在调试一个AI应用,需要在云端高性能模型…...
vue 自定义验证规则rule只能为数字
vue中自定义rule进行校验input框只能为数字vue<el-input v-model"age" maxlength"3"/>jsconst isNum (rule, value, callback) > {const age /^[0-9]*$/if (!age.test(value)) {callback(new Error(年龄只能为数字))}else{callback()}}rules: {a…...
ComfyUI ControlNet Aux预处理器:三步轻松搞定AI图像精准控制 [特殊字符]
ComfyUI ControlNet Aux预处理器:三步轻松搞定AI图像精准控制 🎨 【免费下载链接】comfyui_controlnet_aux ComfyUIs ControlNet Auxiliary Preprocessors 项目地址: https://gitcode.com/gh_mirrors/co/comfyui_controlnet_aux 想要让AI生成的图…...
iOS开发中.p12证书密码丢失的应急处理与安全导出指南
1. 当.p12证书密码丢失时,开发者该怎么办? 遇到.p12证书密码丢失的情况,很多iOS开发者会感到手足无措。这种情况在实际开发中并不少见,特别是当项目交接或长时间未使用证书时。我曾经接手过一个老项目,就遇到过前任开发…...
Step3-VL-10B Base版实战指南:Gradio界面源码解读+processing_step3.py定制化修改
Step3-VL-10B Base版实战指南:Gradio界面源码解读processing_step3.py定制化修改 1. 引言:从使用者到开发者 如果你已经用上了Step3-VL-10B的Web界面,上传图片、提问、获取回答,觉得这个多模态模型确实好用,那么恭喜…...
Windows Defender终极移除指南:高效释放系统资源的13项完整方案
Windows Defender终极移除指南:高效释放系统资源的13项完整方案 【免费下载链接】windows-defender-remover A tool which is uses to remove Windows Defender in Windows 8.x, Windows 10 (every version) and Windows 11. 项目地址: https://gitcode.com/gh_mi…...
鸿蒙 Media Kit(媒体服务):音视频播放、录制
本文同步发表于微信公众号,微信搜索 程语新视界 即可关注,每个工作日都有文章更新 Media Kit(媒体服务)是鸿蒙系统中用于开发音视频播放或录制功能的核心模块。无论是开发音乐播放器、视频播放器,还是实现音视频录制、…...
