Langage JavaScriptObjet Document
L'objet JavaScript Document
Les méthodes de l'objet document :
Les méthodes sont des fonctions liées à un objet déterminé, qui exécutent des actions.
• captureEvents() : surveiller les événements
• close() : fermer
• createAttribute() : créer un noeud d'attributs (plus d'infos...)
• createElement() : créer un noeud d'éléments (plus d'infos...)
• createTextNode() : créer un noeud de texte (plus d'infos...)
• getElementById() : Accès à un élément HTML par son attribut Id.
• getElementsByName() : Accès à une liste d'éléments HTML par l'attribut name.
cette méthode s'applique uniquement aux éléments qui ont reçu une valeur pour leur attribut name.
• getElementsByTagName() : Accès à une liste d'éléments HTML par le nom de balise HTML.
• getSelection() : texte sélectionné
• handleEvent() : traiter les événements
• open() : ouvrir le document
• releaseEvents() : fermer des événements
• routeEvent() : parcourir la hiérarchie des gestionnaires d'événement
• write() : écrire dans la fenêtre du document
• writeln() : écrire ligne par ligne
Exemple d'utilisation avec la méthode write()
Methode pour écrire dans la fenêtre du document
<script type="text/javascript">
var maphrase = "Bienvenue sur Easy-Micro.com";
document.write("<span style='color:#993300'>",maphrase,"</span>");
</script>
Résultat :
Methode pour écrire dans la fenêtre du document
<script type="text/javascript">
var maphrase = "Bienvenue sur Easy-Micro.com";
document.write("<span style='color:#993300'>",maphrase,"</span>");
</script>
Résultat :
Exemple d'utilisation avec la méthode getElementById()
Methode pour accèder à l'élément HTML par son attribut Id
<script type="text/javascript">
function aligner(position) { document.getElementById("placement").align = position; }
</script>
<h5 id="placement" style="color:#993300">Mon super Titre</h5>
<a href="javascript:aligner('left')">Titre à gauche</a> |
<a href="javascript:aligner('center')">Titre au centre</a> |
<a href="javascript:aligner('right')">Titre à droite</a>
Résultat :
Methode pour accèder à l'élément HTML par son attribut Id
<script type="text/javascript">
function aligner(position) { document.getElementById("placement").align = position; }
</script>
<h5 id="placement" style="color:#993300">Mon super Titre</h5>
<a href="javascript:aligner('left')">Titre à gauche</a> |
<a href="javascript:aligner('center')">Titre au centre</a> |
<a href="javascript:aligner('right')">Titre à droite</a>
Résultat :
