javascript - 通过类名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;
}