JavaScript est un langage de script côté client qui peut être utilisé pour modifier dynamiquement presque chaque aspect d'une page Web, y compris les styles qui sont définies et mises en œuvre avec des feuilles de style en cascade ( CSS). JavaScript permet aux programmeurs de créer des fonctions qui sont exécutées lorsqu'un utilisateur interagit avec l'interface utilisateur , par exemple, en cliquant sur les boutons ou liens hypertexte . Ces fonctions peuvent ensuite modifier certains aspects de l'interface utilisateur , par exemple, en changeant la couleur de fond d'une balise HTML " " . Choses que vous devez
Text Editor
navigateur avec JavaScript activé
Show More Instructions
1

Ouvrez un éditeur de texte et créez un nouveau fichier nommé changeBackground.html . Ajouter des balises HTML pour le fichier qui comprend une balise ouverte " " , une étiquette " " ouverte, une fermeture " " tag , une étiquette ouverte " body " , une fermeture " " tag , et une fermeture " " tag . Ces étiquettes comprennent une page HTML de base Page 2

Modifier changeBackground.html et ajouter une balise " " tag pour fermer la section.

< Type de style = ' text /css >
table

{
largeur de

: 200px ;
hauteur de

:
3

Ajouter un tag " " tag pour fermer le script.

< p>

style> type='text/css'>

table {
largeur de

: 200px ;
hauteur de

: 200px ;

background-color : blue; }

< /style> Photos

Photos

Photos

table à langer couleur verte.

Photos

6

Ajouter un deuxième lien (" " ) tag . Réglez la valeur de href de la balise de "javascript: void (0 ) " pour revenir nulle lorsque le lien est cliqué . Ajouter un onclick () événement pour le lien qui appelle la fonction CHANGETABLE (couleur) et transmet la valeur «jaune» . Donner le lien le texte valeur " Changer de couleur de table au jaune. " Insérez un "< /a>" balise de fermeture .

Style> type='text/css'>
table

{
largeur de

: 200px ;
hauteur de

: 200px ;

background-color : blue; }

Photos

Photos

Photos

table à langer couleur verte.

table à langer couleur jaune.

;

7

Ajouter un tag "

" après les balises de lien. Donner le " " tag une id " PageTable " . Ajouter un " " balise ouverte et une étiquette " et fermer la " "tag . Fermez la fenêtre"

" ouverte. Fermez la fenêtre "

"tag et enregistrez et fermez changeBackground.html .

style> type='text/css'>

table {
largeur de

: 200px ;
< p > hauteur : 200px ;

background-color : blue; }

< /style> Photos

< script type = ' text /javascript > Photos

fonction CHANGETABLE (couleur)

{

document.getElementById (' PageTable ') style.backgroundColor = couleur ; .

}

Photos

Photos

table à langer couleur verte

table à langer couleur jaune < /a>

< tableau
8

Ouvert changeBackground.html dans un navigateur web. Un bleu 200px par 200px tableau sera affiché sur la page. Cliquez sur la "couleur de la table passe au vert . " lien et vérifier que les modifications de fond de la table au vert. Cliquez sur la "couleur de la table de changement au jaune. " lien et vérifier que les modifications de fond de la table au jaune.