如何在javascript中为innerhtml添加CSS

Posted

技术标签:

【中文标题】如何在javascript中为innerhtml添加CSS【英文标题】:how to add CSS for a innerhtml in javascript 【发布时间】:2020-03-24 07:40:12 【问题描述】:

在我的 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";  
    

【问题讨论】:

关注这个帖子:***.com/questions/14753147/… 是的,谢谢 【参考方案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";
     

对任何问题发表评论:)

【讨论】:

以上是关于如何在javascript中为innerhtml添加CSS的主要内容,如果未能解决你的问题,请参考以下文章

如何在 Angular 4 中为表格添加分页?

如何在python中为GET请求添加轮询间隔

如何在 JavaScript 中解析这段 innerHTML?

如何将 innerHTML 保存到 Javascript 变量中,以便在更改实际的 innerHTML 时保持不变

如何使用javascript替换innerhtml中的值

如何在 JavaScript 中获取 innerHTML(总字符)的长度?