在课堂上改变风格

Question

我想用class =＆＃34; paginate_button active＆＃34;来改变元素中css的样式。 但.paginate_button.active和paginate_button活动并不起作用。我该怎么办？

Answer 1

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

<强> CSS

要访问包含paginate_button和active类的元素，您可以使用以下内容：

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

CSS中的.选择器用于标识类。

<强>的Javascript

您可以使用以下方法访问Javascript中的HTML元素：

document.getElementsByClassName(query)

所以，如果我想用“paginate_button”类获取所有元素的列表，我可以这样做：

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

然后，如果有多个元素，我可以循环遍历列表。或者简单地说，如果只有一个具有该类名的元素，则可以访问数组elements中的第一个元素：

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

请注意，如果没有“paginate_button”类的元素，这可能会引发错误。

然后，您可以通过以下方式修改该元素的CSS：

element.style

这会返回一个CSSStyleDeclaration，它允许您直接编辑该元素的CSS。

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