使用JavaScript或jQuery向'div'添加/傳遞引導類

Question

伙計們！

我正在開發一個網站，該網站在javascript alert（）中顯示字段錯誤

用戶對警報彈出窗口的每次使用都不滿意，我想在嵌入式div塊中提供它

我想知道當我從javascript或jquery傳遞錯誤消息時如何將bootstrap類屬性{ alert alert-warning }傳遞/添加到錯誤塊。

function getValidateField(){
  var varName= document.getElementById('txtNameSetting').value;
  if(varName.trim().length <= 0){
    //alert("Please enter Application Name");
    document.getElementById('divErrorBlock').innerHTML = "Please enter Application Name";
    document.getElementById('divErrorBlock').style.display = 'block';
    //$('#divErrorBlock').show(); 
    return false;
  }
  else return true;
}

如果我在'div'內部傳遞，它將一直可見，我需要隱藏此blcok直到被調用

預先感謝

Answer 1

嘗試setAttribute;

document.getElementById('divErrorBlock').setAttribute("class", "alert alert-warning");

或jQuery addClass()

$('#divErrorBlock').addClass('alert alert-warning');

或使用attr()

 $('#divErrorBlock').attr('class','alert alert-warning');

Answer 2

如果可以使用jquery。 就這么簡單。

$('#divErrorBlock').addClass('alert alert-warning');