Changer la couleur du texte onclick

Question

Je suis nouveau sur JavaScript. J'ai développé une page utilisant JavaScript de telle sorte que lorsque je sélectionne une couleur, elle est appliquée à la page entière en arrière-plan.

Je veux développer une page où je ne peux changer que la couleur du texte. Il devrait être changé (de rouge à vert ou quelque chose comme ça), mais la page ne devrait pas être rafraîchie, et seulement le contenu sélectionné ou la couleur du texte devrait être changé.

Quelqu'un peut-il m'aider s'il vous plaît dans ceci. Des idées de comment le développer? Merci d'avance.

Answer 1

Une réécriture de la réponse par Sarfraz serait quelque chose comme ça, je pense:

<script> 

    document.getElementById('change').onclick = changeColor; 

    function changeColor() { 
     document.body.style.color = "purple"; 
     return false; 
    } 

</script> 

Vous souhaitez soit devez mettre ce script à la en bas de votre page, juste avant la balise de fermeture du corps, ou mettez l'assignation du handler dans une fonction appelée onload - ou si vous utilisez jQuery, il y a le très élégant

Notez que lorsque vous affectez des gestionnaires d'événements de cette manière, la fonctionnalité est supprimée de votre code HTML. Notez également que vous le définissez égal au nom de la fonction - no(). Si vous avez fait onclick = myFunc(); la fonction s'exécuterait réellement lorsque le gestionnaire est en cours de définition.

Et je suis curieux - vous en saviez assez pour changer la couleur de l'arrière-plan, mais pas la couleur du texte? étrange :)

Answer 2

Faire quelque chose comme ceci:

<script> 
function changeColor(id) 
{ 
    document.getElementById(id).style.color = "#ff0000"; // forecolor 
    document.getElementById(id).style.backgroundColor = "#ff0000"; // backcolor 
} 
</script> 

<div id="myid">Hello There !!</div> 

<a href="#" onclick="changeColor('myid'); return false;">Change Color</a>