HTML Class属性

HTML Class属性是HTML元素上添加的一种属性，用于为元素指定一个或多个类名。通过类名，我们可以为HTML元素定义样式以及执行特定JavaScript操作。

语法

<tagname class="class1 class2 ... classN">Contents</tagname>

多个类名之间使用空格分隔。

示例

<p class="lead text-center">This is a centered lead paragraph.</p>

在上面的示例中，class属性为p元素添加了lead和text-center两个类名，以将该段落居中并设置头部样式。

CSS样式

我们可以通过类名来选择HTML元素并为其指定CSS样式。以下是一个例子：

.centered {
  text-align: center;
}

在上面的示例中，我们定义了一个CSS类名为centered，并对其设置了文本居中的样式。我们可以在HTML元素的class属性中添加这个类名来使文本居中：

<p class="centered">This is centered text.</p>

JavaScript操作

借助类名，我们也可以在JavaScript中操作HTML元素。例如，我们可以使用以下代码获取具有类名my-class的所有段落元素：

var paragraphs = document.querySelectorAll('.my-class');

我们可以在class属性中添加my-class类名，以使该段落元素属于该类：

<p class="my-class">This is a paragraph with the "my-class" class.</p>

结论

类名是用于指定HTML元素的样式和执行JavaScript操作的重要属性之一。通过为HTML元素添加类名，我们可以定义CSS样式，并在JavaScript中对元素进行操作。