新增标签对象.classList.add(新增属性值)
删除 标签对象.classList.remove(删除属性值)
替换标签对象.classList.replace(原始 , 新的)
切换标签对象.classList.toggle(切换属性值)有执行删除,没有执行新增
<body><div class = "box box2 "></div><script>// 获取标签对象const oDiv = document.querySelector('div');// 新增oDiv.classList.add("box1");// 删除oDiv.classList.remove("box");// 替换oDiv.classList.replace("box2","box3");// 切换oDiv.classList.toggle("box4");</script>
</body>运行结果：
![[js]DOM操作](https://img-blog.csdnimg.cn/914e895ac9e4425d80e76eb7fc922a4a.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAZmFuY3Rpb24=,size_16,color_FFFFFF,t_70,g_se,x_16)
