Javascript 我希望我的导航点在激活时改变

我做了一个侧点导航。除了激活点外，它工作正常。我想填充活动点，但无法使其工作

这是JSFIDLE

我知道我需要Javascript，但我已经尝试了其他教程中的一些内容。我想不出我需要什么

这是HTML

<div id="cbp-fbscroller" class="cbp-fbscroller">
<nav>
<a href="#page1" class="cbp-fbcurrent">Handgemaakte meubelen door een Groninger vakman</a>
<a href="#page2">De mogelijkheden</a>
<a href="#page3">Restauratie</a>
<a href="#page4">Het Proces</a>
</nav>
</div>

<div id="page1">een</div>
<div id="page2">twee</div>
<div id="page3">drie</div>
<div id="page4">vier</div>

---

首先定义当前的类CSS：

.cbp-fbcurrent {
    background: #ffffff;
}

然后向每个导航项添加一个事件侦听器，该导航项将删除当前类并将其添加到单击的元素：

var currentClass = "cbp-fbcurrent",
    navLinks = document.querySelectorAll('nav a');
for(var i = 0; i < navLinks.length; i++){
    navLinks[i].onclick = function(){
        var current = document.querySelector("." + currentClass)
        current.className = current.className.replace(/(\s)?cbp-fbcurrent/ig, "");
        this.className += " " + currentClass;
    };
}

var currentClass=“cbp fbcurrent”，
navLinks=document.queryselectoral（'navA'）；
对于（var i=0；i

---

示例：

使用jquery可以这样做：

$('a').click(function(){
    $('a').removeAttr('style');
    $(this).css('background-color', 'yellow');
});

这是

$('a').click(function(){
    $('a').removeAttr('style');
    $(this).css('background-color', 'yellow');
});