时间戳

首页 > 解决方案 > 我需要更改我的 html 文件中的颜色

html - 我需要更改我的 html 文件中的颜色

问题描述

如果天 = 4，我如何改变颜色？当天是 4 时它应该是绿色的，否则是红色的

<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <div class="center">
    <h1>Er det Torsdag?</h1>
    <p id="torsdag?"></p>
    </div>

<script>
    {
    var d = new Date();
    var weekday = new Array(7);
    weekday[0] = "Nei";
    weekday[1] = "Nei";
    weekday[2] = "Nei";
    weekday[3] = "Nei";
    weekday[4] = "Ja";
    weekday[5] = "Nei";
    weekday[6] = "Nei";

    var n = weekday[d.getDay()];
    document.getElementById("torsdag?").innerHTML = n;
}
    
</script>
</body>
</html>

最好的可能是在 css 中更改它，但我不知道我是否可以在 css 文件中写入脚本对不起英语不好:)

标签： html

解决方案

利用document.getElementById("torsdag?").style.color = "red";

例如：

<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <div class="center">
    <h1>Er det Torsdag?</h1>
    <p id="torsdag?"></p>
    </div>

<script>
    {
    var d = new Date();
    var weekday = new Array(7);
    weekday[0] = "Nei";
    weekday[1] = "Nei";
    weekday[2] = "Nei";
    weekday[3] = "Nei";
    weekday[4] = "Ja";
    weekday[5] = "Nei";
    weekday[6] = "Nei";

    var n = weekday[d.getDay()];
    document.getElementById("torsdag?").innerHTML = n;
    if (d.getDay() == 3){
    document.getElementById("torsdag?").style.color = "red";
    } else {
    document.getElementById("torsdag?").style.color = "green";
    }
    

    
}
    
</script>
</body>
</html>

推荐阅读