javascript - 彩色变量不起作用

Question

请帮忙。我一直在编写我的网站。我尝试将网站的文本设为红色，但只有一部分使用了 Javascript。

document.getElementById("derping").innerHTML = "You have: " + derp + " Derple Points";

我想让“derp”变成红色。我尝试过:

document.getElementById("derping").innerHTML = "You have: " + derp.fontcolor("red") + " Derple Points";

但这似乎不起作用。有人可以帮忙吗？

谢谢， jackson 。

Answer 1

您可以在创建元素后更改其字体颜色，例如:

document.body.style.color = 'red';

<小时/>

但是，就您而言，我建议使用一个类 .red 并使用此类的 span 包装您的文本:

document.getElementById("derping").innerHTML = "You have: <span class='red'>" + derp + "</span> Derple Points";

在你的CSS中:

.red{ color: red; }

<小时/>

如果您不想更改 CSS:

document.getElementById("derping").innerHTML = "You have: <span style='color:red'>" + derp + "</span> Derple Points";