Как изменить цвет текста в 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

You может установить встроенные свойства 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';