为了实现对DOM元素class的操作，原生JavaScript提供了一些方法，以下是完整攻略：
首先，我们需要使用document.querySelector()或document.querySelectorAll()方法获取要操作的元素。
document.querySelector()方法返回文档中第一个匹配指定选择器的元素。示例如下：javascript
const element = document.querySelector('.my-class');
document.querySelectorAll()方法返回文档中匹配指定选择器的所有元素的列表。示例如下：javascript
const elements = document.querySelectorAll('.my-class');
我们可以使用element.classList.add()方法给一个DOM元素添加新的class。
示例：
const element = document.querySelector('.my-element');
element.classList.add('my-class');
上面代码给.my-element元素添加了一个新的class，类名为my-class。
我们可以使用element.classList.remove()方法从一个DOM元素中移除一个特定的class。
示例：
const element = document.querySelector('.my-element');
element.classList.remove('my-class');
上面代码将.my-element元素中的my-class类名移除。
我们还可以使用element.classList.toggle()方法在一个DOM元素上切换一个class的状态。如果元素中已有该class，则删除之；如果元素中没有该class，则添加之。
示例：
const element = document.querySelector('.my-element');
element.classList.toggle('my-class');
然后，如果元素中已经有了my-class，那么这一行代码将移除它。但是，如果元素中还没有这个类名，这一行代码将添加它。
以上就是原生JavaScript来实现对DOM元素class的操作方法的完整攻略。
本文链接：http://task.lmcjl.com/news/1231.html