在JavaScript中，有一个非常实用的方法可以很方便地给HTML元素添加类名，它就是addClass方法。该方法通常用于DOM操作中，当我们需要动态改变元素的样式时，可以使用该方法来添加新的类名。

举个例子，在一个网页中我们可能有多个按钮，当用户点击其中一个按钮时，我们需要给它添加一个选中效果，同时将其它按钮的选中效果取消。此时，我们可以通过修改元素的类名来达到这个目的。

// 获取所有按钮元素
var buttons = document.getElementsByTagName('button');
// 循环遍历按钮元素
for(var i = 0; i < buttons.length; i++){
// 为每个按钮元素添加点击事件
buttons[i].onclick = function(){
// 循环遍历按钮元素并移除选中类
for(var j = 0; j < buttons.length; j++){
buttons[j].classList.remove('selected');
}
// 为当前点击的按钮添加选中类
this.classList.add('selected');
}
}

在上面的代码中，我们首先通过document.getElementsByTagName方法获取了所有按钮元素，然后循环遍历每个按钮元素，并为其添加了一个点击事件。当按钮被点击时，我们首先循环遍历每个按钮元素，并通过classList.remove方法移除它的选中类，然后使用this关键字获取当前点击的按钮元素，并使用classList.add方法为它添加一个新的选中类，这样，当前点击的按钮就有了选中效果。

除了可以添加类名外，addClass方法也可以用于切换类名，我们可以通过传递一个布尔值作为参数来实现类名的切换。当该参数为true时，会将一个不存在的类名添加到元素上，当该参数为false时，会将一个已存在的类名从元素上移除。

// 获取元素
var element = document.getElementById('example');
// 切换类名
element.classList.toggle('active');

在上面的代码中，我们首先通过document.getElementById方法获取了一个元素，然后使用classList.toggle方法来切换该元素的类名，如果该元素原来没有active类，那么会将该类添加到元素上，如果原来已经有了active类，那么会将其从元素上移除。

需要注意的是，虽然addClass方法非常实用，但它需要在浏览器中支持classList属性才能正常使用，因此在实际开发中，我们有时候需要通过其他方式来添加或移除元素的类名，比如使用jQuery框架等。