js行内给元素添加或删除类名

时间：2023-09-29 15:00:25浏览次数：29

标签：行内删除元素 js 添加类名

        <div class="none-box2-btn">
            <div id="boxBtn1" class="none-box2-btn-son btnlight" onclick = "document.getElementById('boxBtn2').classList.remove('btnlight');document.getElementById('boxBtn3').classList.remove('btnlight');classList.add('btnlight')">未结算</div>
            <div id="boxBtn2" class="none-box2-btn-son" onclick = "document.getElementById('boxBtn1').classList.remove('btnlight');document.getElementById('boxBtn3').classList.remove('btnlight');classList.add('btnlight')">预约中</div>
            <div id="boxBtn3" class="none-box2-btn-son" onclick = "document.getElementById('boxBtn1').classList.remove('btnlight');document.getElementById('boxBtn2').classList.remove('btnlight');classList.add('btnlight')">已失效</div>
        </div>

效果：

标签：行内,删除,元素,js,添加,类名
From： https://www.cnblogs.com/zhainverer/p/17737003.html

JS判断字符串是否全为空
1、使用trim()方法trim()方法会去除首尾空格，并返回一个处理后的新值<template><divclass="box">content</div></template><scriptsetup>import{ref,reactive,toRefs,watch,computed,defineProps,}from'vue';import{useStore}......
面试必问：JS单线程与事件循环，看这篇就够了
JavaScript是一种单线程语言，它在任何给定时间只能执行一个任务。然而js确能够处理异步操作，这得益于其事件循环（EventLoop）机制。今天这篇文章带领大家深入理解JavaScript单线程特性，以及讲解事件循环和js多线程知识。一、背景：为什么JS是单线程？在最开始设计中，JS的主要用途是处理浏......
Mac部署Python语言json模块（Anaconda）
本文介绍在Mac电脑的Anaconda环境中，配置Python语言中，用以编码、解码、处理JSON数据的json库的方法；在Windows电脑中配置json库的方法也是类似的，大家可以一并参考。 JSON（JavaScriptObjectNotation）是一种轻量级的数据交换格式，常用于数据的序列化和传输。而Python中的json库，......
JS的循环、判断，选择语句
1、选择语句switch(条件){casea:caseb:casec:cased:default:}2、判断语句letflag=true;if(flag){document.write("这是真的");}else{document.write("这是假的")}3、JS的循环语句3.1、while循环while(循环条件){}3.2......
js 游戏编程：(平滑跟随算法+碰撞检测算法) 贪吃蛇
相信大家都用c语言写过贪吃蛇吧！今天让我们来试试js写的贪吃蛇！<metaname="viewport"content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no"/><style>@keyframesrot{0%{transform:rota......
NodeJS分别实现token、cookie登录注册鉴权（KOA2)
源码https://github.com/NaCl-131/node-study.git包npminstallkoanpminodemon-D#保存自动更新npmikoa-router#路由npmikoa-body#解析post的传参npmimysql2sequelize#mysql和一个ORM工具npmijsonwebtoken#JWTnpmidotenv#.env文件npmikoa-sess......
js监听按键行为
js监听按键行为实例：点击H键实现刷新功能import{onMounted,onUnmounted}from"vue";//vue实例挂载后调用onMounted(()=>{document.addEventListener("keydown",(event)=>{if(event.keyCode==72){location.reload();}});});//v......
web前端tips：js继承——寄生式继承
上篇文章给大家分享了js继承中的原型式继承web前端tips：js继承——原型式继承今天给大家分享一下js继承中的寄生式继承寄生式继承寄生式继承（ParasiticInheritance）是一种基于原型式的继承方式，它通过创建一个仅用于封装继承过程的函数，该函数在内部调用原型式继承创建......
nodejs学习01-安装
参考：nodeJS压缩版安装与配置注意：最新版本不支持win7有问题，我win7用的 node-v11.15.0-win-x86历史版本下载：https://registry.npmmirror.com/binary.html?path=node/......
对象转JSON 遇到的BigDecimal 科学计数法的问题，json转化字段单独处理
问题描述：项目需要发送JSON数据，BigDecimal转成json仍然显示科学计数法，如果使用BigDecimai的toPlainString()需要将数据格式转为String，所以找了一下fastjson的自定义序列化内容，记录一下，以免以后忘记解决方案：方案一：JSONObject.toJSONString(vo,SerializerFeature.WriteBigDecimalA......

js行内给元素添加或删除类名

相关文章

赞助商

阅读排行