Document Object Model, ou DOM HTML, donne aux développeurs Web la possibilité de changer tout élément Web qui apparaît sur un site Web. Par exemple, avec un peu de connaissances sur le DOM, vous pouvez changer la couleur de police d`un textarea. Un textarea est une zone de texte multiligne. Il est utile pour la création de formulaires d`entrée d`utilisateur et interactifs éditeurs de texte. Pour appliquer un effet de changement de couleur à un textarea, modifier ses propriétés en utilisant une fonction javascript.
Ouvrez une de vos pages Web en utilisant le Bloc-notes ou un éditeur HTML.
Localisez le "
" section, et ajoutez ce code:Cela crée un contrôle textarea et un bouton qui va changer sa couleur de police lorsque vous cliquez dessus.
Ajouter ce code à la "
var controlToChange = "TextArea1";
var newColor = "vert";
La première ligne stocke le nom de la commande pour modifier la variable nommée "controlToChange." Notez que ce nom correspond à l`ID du contrôle textarea. La variable dans la deuxième ligne contient le nom de la nouvelle couleur. Modifiez ce ne importe quelle couleur que vous aimez. Placez le nom de la couleur entre guillemets, comme indiqué ci-dessus.
Ajouter cette fonction javascript ci-dessous les lignes précédentes du code:
fonction changeColor () {
tempObject = document.getElementById (controlToChange);
tempObject.style.color = newColor;
}
Ce code récupère une référence au contrôle textarea et change sa couleur de police en changeant la "style.color" propriété.
Enregistrez le document HTML et ouvrez-le dans votre navigateur. Tapez le texte dans la zone de texte et cliquez sur le bouton. La couleur de la police va changer à la couleur que vous avez défini dans le code javascript.
Conseils & Avertissements
- Vous pouvez également modifier la couleur du textarea de fond en ajoutant "tempObject.style.backgroundColor = newColor" à la fin de la fonction javascript.
