html元素
选中元素
const app = document.querySelector('#app')读取类名
app.className
// red
app.classList
// DOMTokenList ['red']
app.classList.value
// red
app.getAttribute('class')
// red修改类名
// 直接修改 className
app.className = 'green'
//
// 通过classList添加
app.classList.add('green')
//
// 通过setAttri服务器托管网bute设置属性值
app.setAttribute('class', 'blue')
// 删除类名
app.className = "";
//
app.classList.remove('red')
//
app.removeAttribute('class')
// 切换类名
// 存在则移除
app.classList.toggle('red')
//
// 不存在则添加
app.classList.toggle('green')
// DOMTokenList对象
DOMTokenList
- 属性
- length 值的个数
- value 字符串形式
- 方法
- item(index)
- contains(token)
- add(token1[, token2[, ...tokenN]])
- remove(token1[, token2[, ...tokenN]])
- replace(oldToken, newToken)
- supports(token)
- toggle(token [, force])
- entries()
- forEach(callback [, thisArg])
- keys()
- values()文档：https://developer.mozilla.org/zh-CN/docs/Web/API/DOMTokenList
综上，一共有三种方式对dom元素class属性进行读取、更新、移除操作
参考
- javaScript 添加和移除class类名的几种方法
服务器托管，北京服务器托管，服务器租用 http://www.fwqtg.net
机房租用，北京机房租用，IDC机房托管， http://www.fwqtg.net
引言 石油炼化过程中，设备维修与保养是保证生产连续性和产品质量的关键环节。传统的设备维修与保养方法往往是基于经验和定期检查，效率低下且容易出现问题。为了提高设备维修与保养的效率和准确性，可以利用机器学习技术进行预测。机器学习可以通过对设备数据的分析和模式识别，…
