js新增的操作元素类名的方法

Element.classList是一个只读属性,返回一个元素 class 属性的动态 DOMTokenList 集合。这可以用于操作 class 集合。

尽管 classList 属性自身是只读的,但是你可以使用 add()、remove()、replace() 和 toggle() 方法修改其关联的 DOMTokenList

兼容性如下

const div = document.createElement("div");
div.className = "foo";// 初始状态:<div class="foo"></div>
console.log(div.outerHTML);// 使用 classList API 移除、添加类值
div.classList.remove("foo");
div.classList.add("anotherclass");// <div class="anotherclass"></div>
console.log(div.outerHTML);// 如果 visible 类值已存在,则移除它,否则添加它
div.classList.toggle("visible");// add/remove visible, depending on test conditional, i less than 10
div.classList.toggle("visible", i < 10);console.log(div.classList.contains("foo"));// 添加或移除多个类值
div.classList.add("foo", "bar", "baz");
div.classList.remove("foo", "bar", "baz");// 使用展开语法添加或移除多个类值
const cls = ["foo", "bar"];
div.classList.add(...cls);
div.classList.remove(...cls);// 将类值 "foo" 替换成 "bar"
div.classList.replace("foo", "bar");

globalThis

在不同的环境中,全局对象可能有所不同,例如在浏览器中是 window,在 Node.js 中是 global。globalThis 的出现就是为了解决这个问题,它使得在任何环境中都可以使用统一的接口来访问全局对象。

has:

符号


+

&

*

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/662044.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

大规模语言模型LLM介绍

大规模语言模型LLM 大规模语言模型 向量数据库和数据库向量支持。 LLM基础设施&#xff1a;编程语言 Python&#xff0c;Java&#xff0c;C &#xff0c;js&#xff0c;新秀语言Mojo。 Mojo 这个语言是具有python和C&#xff0c;各取所长。结合了python的易用性和C语言的可…

如何从 Android SD 卡恢复已删除的文件

作为 Android 用户&#xff0c;您可能会使用 SD 卡来扩展手机的存储容量&#xff0c;并存储照片、视频和其他类型的文件。但意外发生时&#xff0c;您可能会错误地删除其中一些文件&#xff0c;或者由于其他原因而丢失它们。在大多数情况下&#xff0c;您可以通过主动并遵循正确…

基于STM32的花卉大棚环境监测系统设计

标题&#xff1a;基于STM32的花卉大棚环境监测系统设计 摘要&#xff1a; 随着智能农业的发展&#xff0c;对于精细化管理的需求日益增长。本文旨在设计一种基于STM32微控制器的花卉大棚环境监测系统&#xff0c;实现对温度、湿度、光照等关键参数的实时监控与调节&#xff0c…

Linux 常用指令

文章目录 版本信息&#xff1a;一、文件系统1.1 空间大小 二、代码托管2.1 SVN2.2 GIT 三、adb指令四、Android系统4.1 Property4.2 Fastboot4.3 CTS4.4 展锐 版本信息&#xff1a; V20240201_1.0.0 一、文件系统 1.1 空间大小 指令作用备注du -sh查看某一个文件夹空间大小…

一款轻量级、高性能、功能强大的内网穿透代理服务器

简介 nps是一款轻量级、高性能、功能强大的内网穿透代理服务器。目前支持tcp、udp流量转发&#xff0c;可支持任何tcp、udp上层协议&#xff08;访问内网网站、本地支付接口调试、ssh访问、远程桌面&#xff0c;内网dns解析等等……&#xff09;&#xff0c;此外还支持内网htt…

reactnative 调用原生ui组件

reactnative 调用原生ui组件 ![组件对应关系](https://img-blog.csdnimg.cn/direct/c4351ad7bd38411e9c13087f1059a4b0.png)1.该样例已textView&#xff0c;介绍。 新建MyTextViewManager 文件&#xff0c;继承SimpleViewManager。import android.graphics.Color; import andr…

2024年美国大学生数学建模竞赛F题思路分析

题目 非法野生动物贸易对环境造成了负面影响&#xff0c;并威胁全球生物多样性。据估计&#xff0c;其涉及高达265亿美元的年交易额&#xff0c;被认为是全球所有非法交易中的第四大。[1] 你需要开发一个基于数据驱动的5年项目&#xff0c;旨在显著减少非法野生动物贸易。你的…

MySQL中SQL查询语句优化

在现代的Web应用中&#xff0c;数据库的性能往往决定了整个应用的响应速度和用户体验。而SQL查询语句的优化是提高数据库性能的关键所在。MySQL作为一款广泛使用的关系型数据库&#xff0c;如何对其SQL查询进行优化是许多开发者关心的焦点。 一、查询优化基础 索引优化&#…

2024美赛数学建模F题思路分析 - 减少非法野生动物贸易

1 赛题 问题F&#xff1a;减少非法野生动物贸易 非法的野生动物贸易会对我们的环境产生负面影响&#xff0c;并威胁到全球的生物多样性。据估计&#xff0c;它每年涉及高达265亿美元&#xff0c;被认为是全球第四大非法交易。[1]你将开发一个由数据驱动的5年项目&#xff0c;…

2024年美赛F题Problem F Reducing Illegal Wildlife Trade减少非法野生动物贸易的完整思路代码分享

非法的野生动物贸易会对我们的环境产生负面影响&#xff0c;并威胁到全球的生物多样性。据估计&#xff0c;它每年涉及高达265亿美元&#xff0c;被认为是全球第四大非法交易。[1]你将开发一个由数据驱动的5年项目&#xff0c;旨在显著减少非法野生动物贸易。你的目标是说服一个…

Leetcode2772. 使数组中的所有元素都等于零

Every day a Leetcode 题目来源&#xff1a;2772. 使数组中的所有元素都等于零 解法1&#xff1a;差分数组 令差分数组 diff[i] nums[i] - nums[i - 1]&#xff0c;特别地&#xff0c;diff[0] nums[0]&#xff0c;diff[n] -nums[n-1]。 可以发现&#xff0c;差分数组具…

用Audio2Face导出Unity面部动画

开始之前说句话&#xff0c;新年前最后一篇文章了 一定别轻易保存任何内容&#xff0c;尤其是程序员不要轻易Ctrl S 在A2F去往Unity的路上&#xff0c;还要经历特殊Blender&#xff0c;自己电脑中已下载好的可能不是很好使。 如果想查看UE相关的可以跳转到下边这两篇链接 1. …

Linux小知识分享-压缩包解压之后属主和属组不是当前用户问题

今天给大家分享一个Linux小知识 背景 假设当前Linux下用户是root&#xff0c;我们从网络上或者其他环境下载了个压缩包进行本地解压。 结果发现解压之后的文件或者文件夹的 属主和属主 都不是当前用户root # 检查当前用户 [roottest-xxxx-01-vm /tmp/colinspace ]# id uid0(…

IDEA 配置和缓存目录 设置

IDEA系列产品&#xff0c;一般会在用户目录创建 配置 和 缓存 目录&#xff1a; %APPDATA%\JetBrains%LOCALAPPDATA%\JetBrains 一般会展示为&#xff1a; C:\Users\<username>\AppData\Roaming\JetBrainsC:\Users\<username>\AppData\Local\JetBrains 一般占用…

MtfLive直播导航PHP源码,附带系统搭建教程

将自动采集斗鱼、虎牙、触手、YY、章鱼、电视直播按分类/关键词聚合&#xff0c;用户选择分类&#xff0c;可以观看到全网该关键词下正在直播的内容。 特点 PC站和H5移动站自适应 自动缓存&#xff0c;避免频繁抓取数据 自定义抓取采集规则&#xff0c;同时支持HTML和JSON …

【Java实战】农行支付对接流程开发详解

文章目录 前言📝一、环境配置1.对接资料2.导入接口包 JAR 文件3.引入配置文件二、接口对接1.微信支付2.农行页面支付3.支付回调4.担保确认及担保确认查询总结前言📝 在实际开发中,涉及金钱那就少不了对接支付,常用的支付方式有微信支付和支付宝支付,这两个在其官网都有…

Character Auras 3

该包包含12种惊人的光环效果! 列表: 秋天的氛围 血光 五彩纸屑的光环 疾风 火光光环 森林氛围 治疗光环 冰系光环 爱的光环 毒气环 星光气场 所有预制件都已准备好用于游戏,只需将它们拖放到游戏中即可! 下载: ​​Unity资源商店链接 资源下载链接 效果图:

OJ刷题:《剑指offer》之左旋字符串!

目录 1.题目描述 2.方法一&#xff08;元素一一挪&#xff09; 2.1算法解析 2.2代码实现 3.方法二&#xff08;三次逆置&#xff09; 3.1算法解析 3.2代码实现 4.方法三&#xff08;库方法&#xff09; 4.1算法解析 4.2代码实现 5.完结散花 创作不易&#xff0c;宝子…

以太网-环回地址

文章目录 环回地址在同一台电脑上开发两个可执行文件(EXE)并使用环回地址进行通信交互Python示例代码环回地址 环回地址是指在计算机网络中,用来标识设备自身的一个逻辑地址,也被称为本地环回地址。它是一个虚拟的接口,可以确保路由 ID 的稳定性,且不会出现链路失效的情…

实习记录——第九天

今天早上下雨了&#xff0c;不过我没有迟到&#xff0c;刚刚好到公司&#xff0c;早上说的渗透测试的项目我并没有看见PM来找我&#xff0c;我还以为他把我忘了&#xff0c;到了中午我实在耐不住性子&#xff0c;就去问他了&#xff0c;他甩给我一些资产&#xff0c;当时觉得他…