Cours ⇒ Javascript et AJAX facebook twitter youtube

DOM et DHTML ⇒ & Accès aux balises



2 Accès aux balises

document.getElementsByTagName("p")

Une autre manière d'accéder aux éléments de la page en cours consiste à passer par leurs noms de balise.

la méthode document.getElementsByTagName() peut être utilisée. Vous apportez le nom de la balise et vous obtenez un tableau de tous les éléments, que vous pouvez ensuite traiter.

<body >
<script language="JavaScript"  type="text/JavaScript">
window.onload = function() {
window.alert(
document.getElementsByTagName("p") +" (" + document.getElementsByTagName("p").length+ " elements)");
}
</script>
<p>JavaScript Phrasebook</p>
<p>Sams Publishing</p>
</body>

La sortie du code précédent est (2 elements); Internet Explorer une fois de plus donne moins d'informations, en produisant seulement(2 elements).

 

Navigation dans l'arborescence DOM

 

Une fois à l'intérieur de DOM, vous pouvez naviguer dans la structure, monter et descendre ou aller à droiteet à gauche.

Voici une liste des propriétés les plus importantes que possède chaque nœud DOM :

  1. firstChild : premier nœud enfant ;
  2. lastChild : dernier nœud enfant ;
  3. childNodes : tous les nœuds enfant (sous forme detableau) ;
  4. parentNode : nœud parent ;
  5. nextSibling : nœud suivant au même niveau (àdroite) ;
  6. previousSibling : nœud précédent au mêmeniveau (à gauche).

 

De même, nodeName renvoie le nom de la balise dunœud (ou #text pour les nœuds de texte) tandis que nodeValue renvoie la valeur d'un nœud (fonction utile avec les nœuds de texte).


Changer le fond
Oregionale Skin
7astuces
Sélectionnez un Fond (11)
7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces
Fond de contenu
7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces