为什么html元素的类名未更改？

Question

我的html代码中只有一个div有一类active-tab。我想从div中删除active-tab类。

var activeTab = document.querySelector('.active-tab');
activeTab.className.replace("active-tab",'');

以上代码似乎不起作用。请解释原因。

PS - 请不要给我任何jQuery答案。

Answer 1

您必须设置className，

var activeTab = document.querySelector('.active-tab');
activeTab.className = activeTab.className.replace("active-tab",'');

你只是得到className（一个字符串）的结果，操纵它并留下那个字符串。您必须将修改后的字符串设置回该元素的className属性才能完成任务。