我的网站有一个导航栏,点击后会定位到iframe。 我希望更改“活动”链接颜色。
P.S不能使用jQuery,只能使用JS和CSS。
我的想法是拥有一个名为ACTIVE的ID,并在从其他所有内容中删除ID后,将点击的链接激活ID。
另一方面,另一个选择是仅使用一个名为ACTIVE的类来做同样的事情,我的问题是每个链接都已经是一个分配给id的类,我不知道如何从两个中删除一个类。< / p>
答案 0 :(得分:0)
这是使用类最好解决的问题。如果你不能使用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;
}