元素将显示为蓝色背景和白色文本。
除了直接在HTML元素上设置class属性外，我们还可以使用JavaScript动态地为元素添加和删除类，以下是如何使用JavaScript操作类的示例：
1、在HTML文件中添加一个按钮和一个段落元素：
这是一个段落。
2、在styles.css文件中为段落元素添加初始样式：
#text {
color: black;
}
3、在HTML文件中添加一个JavaScript脚本，用于切换段落元素的类：
4、打开scripts.js文件，并编写以下JavaScript代码：
document.getElementById("toggleClass").addEventListener("click", function() {
var textElement = document.getElementById("text");
if (textElement.classList.contains("myClass")) {
textElement.classList.remove("myClass");
} else {
textElement.classList.add("myClass");
}
});
这段代码首先获取按钮和段落元素，它为按钮添加一个点击事件监听器，当用户点击按钮时，事件监听器会检查段落元素是否包含“myClass”类，如果包含，它将从段落元素中删除该类；否则，它将向段落元素添加该类，这将导致段落元素的文本颜色在黑色和蓝色之间切换。
在HTML中设置类非常简单，只需为元素添加class属性，然后在CSS文件中为该类定义样式即可，还可以使用JavaScript动态地为元素添加和删除类，从而实现更丰富的交互效果。
