Comment changer la couleur du texte en javascript?

Question

J'ai écrit un code javascript affichant la date. Comment pourrais-je changer la couleur?

Answer 1

Vous devez placer le texte dans un élément distinct, puis modifier la propriété CSS color de l'élément.

Ceci est plus facile à faire en utilisant jQuery:

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

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

Cependant, vous pouvez le faire avec CSS pur:

(Dans la balise head :)

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

Answer 2

Vous pourrait définir les propriétés CSS de l'élément dans lequel vous affichez la date, en utilisant la propriété element.style:

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

Ou vous pouvez appliquer une classe CSS programme:

el.className = 'yourclass';