Javascript 使用按钮java脚本更改某物的颜色

我想用红色和蓝色按钮把我的时钟颜色改成红色和蓝色，但不知为什么它不工作。如果有人能看一下我的代码并帮我一把，那就太好了。我在youtube和谷歌上查过awnser，但都没有用

HTML:

---

前几天我这么做是为了改变文字的颜色。这是我的功能

function changeTextColor(){

    document.getElementById("textColour").style.color = "#F00";

}

以及html：

<button type="button" onclick="changeTextColor()">Will do as says</button> <br>
<p id="textColour">This text will change color</p>
</form>

将按所说的做

此文本将改变颜色

---

p、 问题是为

#clockdisplay

类定义的样式的优先级高于为

.bluetext

和

.redtext

类设置的样式。因此颜色

color:#0FF始终应用，即使在添加类时也是如此

您可以这样修复它：

#clockdisplay.bluetext{
颜色：蓝色；
}
#clockdisplay.redtext{
颜色：红色；
}

演示：以这种方式更改这些方法

如果您想更改背景颜色，请使用此选项

  function reveal() {
            document.getElementById('clockdisplay').style.backgroundColor = "red";
        }

        function hide(){
            document.getElementById('clockdisplay').style.backgroundColor = "blue";
        }

 function reveal() {
        document.getElementById('clockdisplay').style.color = "red";
    }

    function hide(){
        document.getElementById('clockdisplay').style.color = "blue";
    }

如果要更改文本颜色，请使用此选项

  function reveal() {
            document.getElementById('clockdisplay').style.backgroundColor = "red";
        }

        function hide(){
            document.getElementById('clockdisplay').style.backgroundColor = "blue";
        }

 function reveal() {
        document.getElementById('clockdisplay').style.color = "red";
    }

    function hide(){
        document.getElementById('clockdisplay').style.color = "blue";
    }

小提琴上的颜色是反向的。只需更改JavaScript中的
redtext
和
bluetext
类名即可：好吧，如果我的回答帮助你而不是接受答案，那么它将帮助人们找到正确的答案。谢谢