將Jquery control.classname更改爲control.addclass

Question

在下面的代碼中，我不想替換我只想添加和刪除類的控件的整個類。

我已經試過

control.addClass = "form-control-Error login-form-control col-xs-12 col-sm-12 col-md-12"; 

但它無法正常工作。

var control = document.getElementById(Page_Validators[i].controltovalidate); 
         if (!Page_Validators[i].isvalid) { 

          control.className = "form-control-Error login-form-control col-xs-12 col-sm-12 col-md-12"; 
         } else { 
          control.className = "login-form-control col-xs-12 col-sm-12 col-md-12"; 


} 

Answer 1

你需要用在jQuery對象control和addClass()是一個方法：

$(control).addClass("form-control-Error login-form-control col-xs-12 col-sm-12 col-md-12"); 

Answer 2

你可以利用classList屬性：

control.classList.add('form-control-Error') 

這裏有一個例子：

document.getElementById('target').addEventListener('click', function() { 
 
    document.getElementById('target').classList.add('second-class'); 
 
})

.first-class{ 
 
    font-weight: bold; 
 
} 
 
.second-class{ 
 
    font-style: italic; 
 
}

<span id="target" class="first-class">Click me!</span>