我想更改.arrow_box:after
的边框底部颜色
JavaScript
document.getElementsByClassName("arrow_box:after")[0].style.borderBottomColor="blue";
但是这不起作用!
这是 fiddle 上的相同示例
最佳答案
您不能直接通过 JS 更改伪元素(如 :after
)的样式(也不能选择它们)。原因是它们不是 DOM 树的一部分。
您能做的最好的事情就是为该元素分配另一个类,如下所示:
document.getElementsByClassName("arrow_box")[0].className = "arrow_box blue-border";
.arrow_box.blue-border:after {
border-bottom-color: blue;
}
关于javascript - 通过类名获取元素 javascript,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14919158/