如何將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; 
} 

這也有助於分離風格和內容。

Answer 2

嘗試：

errors.push("<span style='margin-top:10px; margin-bottom:10px;'>You did not complete Company Name</span>");