按类名称获取元素javascript

Question

我想更改.arrow_box:after

的边框底部颜色

的JavaScript

document.getElementsByClassName("arrow_box:after")[0].style.borderBottomColor="blue";

但它不起作用！

以下是fiddle

上的相同示例

Answer 1

您不能直接通过JS更改:after等伪元素的样式（并选择它们）。原因是它们不是DOM树的一部分。

您可以做的最好的事情是将另一个类分配给元素，如下所示：

document.getElementsByClassName("arrow_box")[0].className = "arrow_box blue-border";

.arrow_box.blue-border:after {
    border-bottom-color: blue;
}