javascript - 如何在javascript中为innerhtml添加CSS(how to add CSS for a innerhtml in javascript)

Question

in my innerhtml, i have pass and fail and i want to add css properties for these.(在我的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"; } }   ask by kranthi translate from so

Answer 1

you can use .style(你可以使用.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"; } Comment for any questions :)(评论任何问题:))