Цветные переменные Не работает

Question

Пожалуйста, помогите. Я кодировал свой сайт. И я попытался сделать текст для моего сайта красным, но только определенную часть с помощью Javascript.

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

Я хочу сделать «derp» Red. Я пробовал:

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

Но это не работает. Может ли кто-нибудь помочь?

Спасибо, Джексон.

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";