javascript - 如何将 css 文本格式添加到 javascript 推送错误？

Question

谁能告诉我如何将 css 文本格式添加到 javascript 推送错误中？例如，如果我想要 margin-top:10px; margin-bottom:10px; 添加到

errors.push("You did not complete Company Name");

我的 JavaScript 代码:

<script>
function displayErrors(errors){
    var container = document.getElementById("alertBox2");
    var html = "<ul>";

    for(var i=0; i<errors.length; i++){
        html += "<li>" + errors[i] + "</li>";
    }
    html += "</ul>";

    container.innerHTML = html;
    container.style.display = "block";
}

function validateForm(){
    var cname = document.forms["myForm"]["cname"].value;
    var creg= document.forms["myForm"]["creg"].value;
    var address= document.forms["myForm"]["address"].value;
    var post= document.forms["myForm"]["post"].value;
    var contactn= document.forms["myForm"]["contactn"].value;
    var contactt= document.forms["myForm"]["contactt"].value;
    var email= document.forms["myForm"]["email"].value;

    var errors = [];

     if(cname == ""){
document.body.scrollTop = document.documentElement.scrollTop = 0;
   document.getElementById("alertBox").style.display='block';
        errors.push("You did not complete Company Name");
    }

    if(errors.length > 0){
        displayErrors(errors);
        return false;
    } else {
        return true;
    }
}
</script>

Answer 1

为什么不更改 Javascript 的以下部分:

for(var i=0; i<errors.length; i++){
    html += "<li class='error'>" + errors[i] + "</li>";
}

然后在你的 CSS 中添加:

.error{
    margin: 10px 0;
}

这也有助于分离样式和内容。