javascript - 如何在 javascript 中将名为 active 的类更改为链接的 active 属性

Question

我在菜单中使用 superfish。因为它没有使用 active class 来表示当前页面选项卡。我添加了以下 javascript。

<script type="text/javascript">
var path = window.location.pathname.split('/');
path = path[path.length-1];
if (path !== undefined) {
  $("ul.sf-menu")
    .find("a[href$='" + path + "']") // gets all links that match the href
    .parents('li')  // gets all list items that are ancestors of the link
    .children('a')  // walks down one level from all selected li's
    .addClass('active');
}
</script>

我还根据脚本需要在 css 中添加了一个名为 active 的类。

.sf-menu a.active{
   margin-top:-5px;
   height: 51px; 
   padding-top: 15px;
   z-index: 100;
   background-color:#072438;
 }

它工作得很好。但是出于某种原因我想更改

的 css

a.active into a:active

但是我该如何更改 javascript 中的这一部分以适应 css？

.addClass('active');

Answer 1

您不能使用 javascript 在元素上添加 pseudo-class，就像您不能在内联 中添加 pseudo-class >style='' 属性。

你可以做的是用javascript改变你的样式表来添加你想要的规则:

document.styleSheets[0].insertRule('a:active { color: red; }', 0);