Javascript不会改变span容器的颜色

javascript doesn't change color of span container

本文关键字：颜色 span 改变 Javascript      更新时间：2023-09-26

我试图改变我的span的文字颜色使用document.getElementById("indicator").style.color = "red";

和日志

console.log(document.getElementById("indicator").style.color);

告诉我它改变了，但颜色仍然是"黑色"

我在项目中使用不同的css和bootstrap。我怎样才能解决这个问题?

您需要确保在加载DOM项之后调用脚本。如果使用jQuery，您可以简单地将函数包装在文档就绪标记中，如下所示:

$(function(){
document.getElementById("indicator").style.color = "red";
})
操纵:

https://jsfiddle.net/5jqhf7hz/

如果使用纯JavaScript，则需要确保脚本列在DOM元素之后。将脚本放在页面末尾应该可以实现这一点。

我刚刚在我的IDE上测试了这个，得到了红色文本。您可能想要检查您的HTML标签是否具有适当的标签ID "indicator"，因为语法是正确的。还要确保你的HTML页面链接到Javascript页面。

把JS页面放在HTML的底部。

<script src="js/javascript.js"></script>
编辑:我刚意识到你在用bootstrap。我使用bootstrap很多次，它的CSS有问题。基本上网页将Bootstrap CSS作为优先级。根据我所发现的重写它的唯一方法是:
    进入Bootstrap CSS，选择你想要的颜色。(不建议)。
  1. 编写更多描述性和更窄的CSS。你的描述性越强，你的代码就会被更多的CSS放在引导CSS之上。
相关文章：