使用javascript或jQuery将bootstrap类添加/传递给'div'

Question

民间!!

我正在开发一个网站，显示 javascript alert（）

中的字段错误

用户每次都不满足于警告弹出窗口，我想在内联div块中提供它

我想知道当我从javascript传递错误消息时，如何向错误块传递/添加bootstrap类属性{ 警报警告 - 警告 }或jquery的。

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');