HTML DOM Méthodes

Les méthodes HTML DOM sont des actions que nous pouvons effectuer sur des nœuds (éléments HTML).

Les propriétés HTML DOM sont des valeurs que nous pouvons définir et modifier sur des nœuds (éléments HTML).

Interface de programmation

On peut accéder au HTML DOM via JavaScript (et d'autres langages de programmation).

Tous les éléments HTML sont définis comme des objets, et l'interface de programmation se compose de méthodes d'objet et de propriétés d'objet.

Les méthodes sont des actions que vous pouvez effectuer (comme ajouter ou modifier des éléments).

Les propriétés sont des valeurs que vous pouvez obtenir ou définir (comme le nom ou le contenu d'un nœud).

Méthode getElementById()

La méthode getElementById() renvoie l'élément avec l'ID spécifié :

Exemple

var element=document.getElementById("intro");

Essayez-le vous-même »

Objets HTML DOM - Méthodes et propriétés

Quelques méthodes courantes du DOM HTML :

  • getElementById(id) - obtient le nœud (élément) avec l'id spécifié
  • appendChild(node) - insère un nouveau nœud enfant (élément)
  • removeChild(node) - supprime un nœud enfant (élément)

Quelques propriétés courantes du DOM HTML :

  • innerHTML - la valeur textuelle d'un nœud (élément)
  • parentNode - le nœud parent d'un nœud (élément)
  • childNodes - les nœuds enfants d'un nœud (élément)
  • attributes - les nœuds d'attribut d'un nœud (élément)

Vous en apprendrez plus sur les propriétés dans le prochain chapitre de ce tutoriel.

Objets de la vie réelle

Une personne est un objet.

Les méthodes d'une personne pourraient être eat(), sleep(), work(), play(), etc.

Toutes les personnes possèdent ces méthodes, mais elles les exécutent à des moments différents.

Les propriétés d'une personne incluent nom, taille, poids, âge, genre, etc.

Toutes les personnes possèdent ces propriétés, mais leurs valeurs diffèrent d'une personne à l'autre.

Quelques méthodes des objets DOM

Voici quelques méthodes courantes que vous apprendrez dans ce tutoriel :

Méthode Description
getElementById() Retourne l'élément avec l'ID spécifié.
getElementsByTagName() Retourne une liste de nœuds (collection/tableau de nœuds) contenant tous les éléments avec le nom de balise spécifié.
getElementsByClassName() Renvoie une liste de nœuds contenant tous les éléments avec le nom de classe spécifié.
appendChild() Ajoute un nouveau nœud enfant au nœud spécifié.
removeChild() Supprime un nœud enfant.
replaceChild() Remplace un nœud enfant.
insertBefore() Insère un nouveau nœud enfant avant le nœud enfant spécifié.
createAttribute() Crée un nœud d'attribut.
createElement() Crée un nœud d'élément.
createTextNode() Crée un nœud de texte.
getAttribute() Renvoie la valeur de l'attribut spécifié.
setAttribute() Définit ou modifie l'attribut spécifié à la valeur spécifiée.
Autres extensions