javascript - 为什么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 属性才能完成您的任务。