如何从通过元素ID获取的类列表中选择特定的类?

时间:2016-05-13 05:28:05

标签: javascript

我想要实现的是一个简单的删除类函数,它接收目标ID和想要删除的 classname 。但是,我不确定如何使用var xdocument.getElementById获取特定的 classname

见下文:

removeClass: function (selector, string) {
 var x = document.getElementById(selector);
 for ( i = 0; i < x.length; i++ ) {
   x[i].classList.remove(string);
 }
},

2 个答案:

答案 0 :(得分:1)

&#13;
&#13;
var removeClass = function (strElementId, strClassToRemove) {

 var x = document.getElementById(strElementId);
   x.classList.remove(strClassToRemove);
}

removeClass('a', 'b');
&#13;
<div id="a" class="a b c">
test
</div>
&#13;
&#13;
&#13;

只需通过其id获取元素(在html页面中应该是唯一的),并使用remove和类名键。

要了解有关使用核心JavaScript的类操作的更多信息,请访问以下链接。

http://www.w3schools.com/jsref/prop_element_classlist.asp

答案 1 :(得分:-1)

首先检查元素是否具有该类。基于此删除它。尝试这样的事情:

removeClass: function (selector, str) {
 var x = document.querySelectorAll(selector);
 for (i = 0; i < x.length; i++ ) {
   if ( $(x[i]).hasClass(str)) {
     $(x[i]).removeClass(str);
   }
 }
}