更改类中的样式

Question

我想用class =“paginate_button active”在元素中更改CSS样式。 但.paginate_button.active和paginate_button活动不起作用。我该怎么做？

Answer 1

这个问题似乎有点含糊，所以我会发布如何访问使用CSS和使用Javascript的CSS元素。

---

CSS

要使用两个类paginate_button和active访问一个元素，你可以使用以下命令：

.paginate_button .active { /* Styles go here */ }

CSS中的.选择用于识别类别。

---

的Javascript

您可以通过下面的方法访问HTML元素在Javascript：

document.getElementsByClassName(query)

所以，如果我想获得的所有元素的列表与“ paginate_button“class，我可以这样做：

var elements = document.getElementsByClassName("paginate_button");

然后，如果有多个元素，我可以通过循环遍历列表。

var element = document.getElementsByClassName("paginate_button")[0];

请注意，这可能会引发错误，如果有与类没有元素“：或者简单地说，如果有与类名只有一个元素是，你可以在阵列elements在访问的第一要素paginate_button”。

然后，您可以访问修改元素的CSS它：

element.style

这将返回的CSSStyleDeclaration它允许你直接编辑该元素的CSS。

您可以看到CSSStyleDeclaration here的属性列表，它们与各自的CSS样式类似。