使用JS（不是Jquery）将活动类添加到当前元素

Question

使用PLAIN JavaScript将活动类添加到“活动/当前”元素的最佳方式是什么？

使用jQuery你可以使用典型：

$(selector).on('click', function(){ 
    $(selector).removeClass('active'); 
    $(this).addClass('active'); 
}); 

但使用JavaScript（不香草JS，jQuery的，等等）？

我的继承人小提琴：http://jsfiddle.net/meEf4/2065/

Answer 1

你可以先拿到有active类的元素。由于只有一个<a>和active类，因此您可以使用[0]直接访问<a>元素。现在替换，active类将不会有文字。最后，将active类添加到点击的<a>元素。

首先附加一个单击处理所有<a>标签：

var elements = document.getElementsByTagName("a"); 
for (var i = 0; i < elements.length; i++) { 
    elements[i].addEventListener("click", clickHandle); 
} 

现在，下面创建一个函数clickHandle：

function clickHandle(event) { 
     var anchor = document.getElementsByClassName("active"); 
     anchor[0].className = anchor[0].className.replace(/active/g, ""); 

     event.target.className += "active"; 
    }