原始JS删除一个类

时间:2014-09-29 14:18:04

标签: javascript

我正在尝试使用原始JS创建切换操作。因此,我必须添加和删除每个部分,而不是使用切换类。

当用户点击一个单选按钮时,一个div获取类enabled,另一个div获得控制我样式的类disabled(将该区域变灰)

JS Fiddle showing the problem.

我正在使用以下内容:

var d = document.getElementById('justfull');
d.className = d.className + " enabled";

然后给另一个div disabled

var other = document.getElementById('firstandlast');
other.className = other.className + " disabled";

但是,如果以前添加了课程,我就会被解雇。很明显,用户可以在两个单选按钮之间切换。我需要将enabled类添加到我的新div中,但我还需要检查以前是否添加了disabled类,如果是,请将其删除。

所以我使用以下代码:

var oldclass="disabled"; 
d.className=d.className.replace(oldclass,"");

但这似乎不起作用,因为类名只是添加和添加,直到我有这样的东西:

<div id="justfull" class="  enabled  enabled  enabled disabled">

我如何才能正确地添加enabled类并检查其他类的删除?基本上是一个切换类,但是在原始JS中。

0 个答案:

没有答案