<script type="text/javascript">window.onload = function (){
document.getElementById('monBt').onclick = function (){
bonjour();
}
}
function bonjour(){
document.getElementById('maDiv').innerHTML = "Bonjour";
}
</script>
</head>
<body>
<input id="monBt" type="button" value="Affichage"/>
</body> </html>
L'objet window est l'objet principal dans le modèle objet javascript
Sous-objets : document (Objet document visible sur la page) external (Objet propre à Internet Explorer) history (Objet permettant de naviguer dans l'historique) location (Informations sur l'adresse de la page) screen (Information sur l'écran) self (Fenêtre en cours)
...
Méthode : window.document.getElementById() description :
Retourne un objet HTML à partir de son id, défini dans la propriété id de la balise de l'objet.
Ne pas confondre la propriété id et la propriété name. Pour trouver tous les objets à partir de leur nom, utilisez getElementsByName()
Evénement ".onClick"
Se produit lorsque l'utilisateur clique sur l'élément associé à l'événement.
Utiliser ".innerHTML" pour changer le contenu d'une balise.
"Bonjour" a été remplacé (dans innerHTML) par "<strong style='color:blue;'>Bonjour</strong>" pour obtenir le bleu-gras en cliquant sur le bouton « Affichage »