如何在javascript中为innerhtml添加CSS

Question

在我的 innerhtml 中，我有通过和失败，我想为这些添加 css 属性。

function display()
{
    var a=document.getElementById("myList");
    var dropdownvalue = a.options [a.selectedIndex].text;
    var b=document.getElementById("myText").value;

    if(dropdownvalue == b.substring(0,4)) {
        document.getElementById("result").innerHTML = "Pass"; 
    } else {
        document.getElementById("result").innerHTML = "Fail";  
    }
}

Answer 1

你可以使用 .style

if(dropdownvalue == b.substring(0,4)) {
        document.getElementById("result").innerHTML = "Pass"; 
        document.getElementById("result").style.color = "green";
     }
        else {
        document.getElementById("result").innerHTML=    "Fail";  
        document.getElementById("result").style.color = "red";
     }

对任何问题发表评论:)