Как мне изменить цвет текста в JavaScript?

Question

Я написал код JavaScript, отображающий дату. Как бы я изменил цвет?

Answer 1

Вам нужно поместить текст в отдельный элемент, а затем изменить свойство CSS элемента color.

Это проще всего сделать с помощью jQuery :

<span id="date">Please enable JavaScript</span>

$('#date').text(new Date().toString()).css('color', 'red');

Однако вы можете сделать это с помощью чистого CSS:

(в теге head:)

<style type="text/css">
    #date {
        color: red;
    }
</style>    

Answer 2

Вы можете установить встроенные свойства CSS элемента, в котором отображается дата, используя свойство element.style:

var el = document.getElementById('elementId');
el.innerHTML = date; // set the text
el.style.color = '#ff0000'; // set the text color

Или вы можете применить класс CSS программно:

el.className = 'yourclass';