在JavaScript中,我们可以通过添加CSS类名的方式来修改某个HTML元素的样式。这种方法非常方便,可以在不修改HTML的情况下改变元素的样式。
// 获取需要修改样式的元素 var element = document.querySelector("#myElement"); // 添加样式类名 element.classList.add("myClass"); // 移除样式类名 element.classList.remove("myClass"); // 判断元素是否包含某个样式类名 element.classList.contains("myClass"); // true or false // 切换样式类名,如果有则移除,如果没有则添加 element.classList.toggle("myClass");
通过添加、移除、判断或切换样式类名,我们可以在JavaScript中修改元素的样式,实现更好的交互效果。