Easy-Micro


ESPACEMEMBRE Dom et JavaScript
Types de noeuds

Accéder aux différents types de nœuds

Un nœud peut être de douze types différents mais seuls trois types sont vraiment utiles :
  1. Type élément : Element
  2. Type texte : TextNode
  3. Type attribut : AttributeNode

Atteindre un élément dans une page web

  • getElementById('elementID')
    Renvoie, en tant qu'objet, l'élément dont l'id est elementID.
  • getElementsByTagName('tag')
    Renvoie, en tant que array, tous les éléments dont la balise est tag.

Bien sûr vous pouvez panacher les deux. Par exemple :
  • document.getElementById('navigation').getElementsByTagName('a')[3];
    Renvoie le quatrième lien à l'intérieur de l'élément dont l'id est 'navigation'.
  • document.getElementsByTagName('div')[2].getElementsByTagName('p')[0];
    Renvoie le premier paragraphe à l'intérieur de la troisième div du document.
DOM Javascript
Le DOM présente le HTML comme un arbre hierarchique (un arbre à nœud)
avec des nœuds de type elements, attributes et text

Se déplacer en partant d'un élément

  • childNodes
    Renvoie un tableau de tous les nœuds à l'intérieur du nœud actuel.
    Il y a aussi firstChild et lastChild, qui sont des raccourcis, respectivement, de childNodes[0] et childNodes[this.childNodes.length-1].
  • parentNode
    L'élément contenant l'élément actuel.
  • nextSibling
    L'élément suivant au même niveau d'arborescence.
  • previousSibling
    L'élément précédent au même niveau d'arborescence.
Ils peuvent être mélangés à l'envi en fonction du besoin.
  • var other=document.getElementById('nav').childNodes[3].firstChild;
    Renvoie le premier sous-élément du quatrième enfant de l'élément dont l'id est 'nav'.
  • var prevlink=o.parentNode.previousSibling.firstChild.childnodes[2];
    Renvoie le troisième nœud de l'élément précédent qui est au même niveau que l'élément parent de 'o'.

Attributs et fonctions des éléments

  • attributes
    Renvoie un tableau de tous les attributs de cet élément. Ne fonctionne pas dans Internet Explorer pour les versions inférieures à la version 6.
  • data
    Renvoie ou fixe les données textuelles du nœud.
  • nodeName
    Renvoie le nom du nœud (le nom de l'élément HTML).
  • nodeType
  • Renvoie le type du nœud : 1 si c'est un élément, 2 si c'est un attribut, et 3 si c'est du texte.
  • nodeValue
    Renvoie ou fixe la valeur du nœud. Cette valeur est du texte si le nœud est un nœud textuel, l'attribut lui-même si c'est un attribut, ou 'null' (valeur nulle) si c'est un élément.
  • getAttribute(attribute)
    Renvoie la valeur de l'attribut attribute.
Merci à Pompage Magazine pour la liste de cette page.

Suivez les aventures des skippers aquitains sur EasyVoile.com
Flux RSS Easy-Micro - Abonnez-vous Easy-Micro [ François Bisch ]
Mardi 22 janvier 2019 - Semaine 04 - Saint Vincent (Demain: Saint Barnard)
Aujourd'hui, c'est l'anniversaire de Frank Leboeuf (1968-51 ans), footballeur français (défenseur). Autre 22 janvier: 1981 - Début de la série américaine Dallas sur les écrans français (TF1).
Haut de page Easy-Micro