classList属性修改类
属性 修改
2023-09-11 14:20:08 时间
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <style> #demo { width: 100px; height: 100px; background-color: pink; } .box { border: 1px solid blue; } .text { color: red; } </style> </head> <body> <div id="demo" class="box text one">测试</div> <script> const demo = document.getElementById('demo') // // demo.className += ' one' // demo.className = 'box' // demo.classList.add('one') // 在原来类名的基础上,添加一个新的类名 // demo.classList.remove('text') // 在原来的基础上,删除一个类名 // demo.classList.toggle('one') // 在原来的基础上,判断这个类名本来是否存在.如果存在就移除掉,如果不存在就加上 </script> </body> </html>
相关文章
- selenium修改控件属性
- 游戏测试 | 测试工具:做一个可以即时修改卡牌属性的工具方便测试
- Matlab中的自动计算的属性的默认值
- DOM ------ 修改元素样式属性的两种方法
- Vue - 计算属性
- Android开发之EditText属性详解
- js 修改css属性值
- 《PowerShell V3——SQL Server 2012数据库自动化运维权威指南》——2.9 修改数据库属性
- Hello_IOS ios开发transform属性
- JS-002-修改元素属性(以按钮示例)
- 自行实现透明的控件如Panel GroupBox(使用不需要重绘父控件的效果,一切都因为窗口有了WS_EX_TRANSPARENT属性)
- Selenium web driver 使用JS修改input属性
- openlayers4 入门开发系列之地图属性查询篇(附源码下载)
- Js document.frmLogin.action = '/login.htm';的意义和form表单的target属性
- 用DOM4J包实现对xml文件按属性分离。
- CSS cursor 属性
- Java小白入门200例73之Java注释的使用(类、方法、属性)
- 学习旧岛小程序 (5) observer 函数中修改属性的值