Question

我的网站有一个导航栏，点击后会定位到iframe。我希望更改“活动”链接颜色。

P.S不能使用jQuery，只能使用JS和CSS。

我的想法是拥有一个名为ACTIVE的ID，并在从其他所有内容中删除ID后，将点击的链接激活ID。

虽然我不知道怎么可能这样做。

另一方面，另一个选择是仅使用一个名为ACTIVE的类来做同样的事情，我的问题是每个链接都已经是一个分配给id的类，我不知道如何从两个中删除一个类。< / p>

Answer 1

这是使用类最好解决的问题。如果你不能使用jQuery，你可以通过以下方式在JavaScript中添加类：

document.getElementById("someID").className += " newClass";

使用正则表达式删除一个类：

document.getElementById("someID").className = document.getElementById("someID").className.replace(/\bnewClass\b/,'');

如果为每个链接指定ID没有意义，您可以附加一个点击处理程序：

onclick="changeColor(this)"

并添加后续功能：

var activeLink;

function changeColor(elem){
    if(activeLink)
        activeLink.className = activeLink.className.replace(/\bnewClass\b/,'');
    elem.className += " newClass";
    activeLink = elem;
}

我有一个导航栏，可以更改iframe的src，如何更改活动链接颜色？

1 个答案: