Retourner à la page d'accueil de TJS

Objet : HTMLElement

          

Objet de base pour tous les éléments HTML du DOM


Description
Objet de base qui permet de manipuler les éléments du DOM.

Cet objet peut-être retourné par les méthodes de recherche dans le DOM getElementById(), getElementsByClassName(), querySelector(), querySelectorAll().
Cet objet peut aussi être créé par la méthode createElement() de document.

Remarque : Par simplification, on utilisera ici le type HTMLElement pour l'ensemble des objets du DOM. Mais il faut savoir que chaque type d'élément possède un type plus précis qui dérive de HTMLElement.
Par exemple un objet div a comme type HTMLDivElement ou un objet canvas a comme type HTMLCanvasElement.


Propriétés
childNodes (Tableau d'éléments HTML de tous les noeuds du parent)
className (Chaîne contenant l'attribut class de l'objet HTML)
dataset (Liste de l'ensemble des attributs data-* d'un objet HTML)
firstChild (Référence au premier noeud de l'élément dans le DOM)
id (Chaîne contenant l'attribut id de l'objet HTML)
innerHTML (Chaîne contenant le code HTML de l'objet du DOM)
lastChild (Référence au dernier noeud de l'élément dans le DOM)
outerHTML (Ensemble du code HTML de l'objet avec sa déclaration)

Méthodes
addEventListener() (Ajoute un événement à traiter sur l'objet)
appendChild() (Ajoute l'élément HTML enfant à la fin d'un élément parent)
dispatchEvent() (Déclenche sur l'élément HTML l'événement passé en paramètre)
getAttribute() (Retourne la valeur d'un attribut sur un objet HTML)
getBoundingClientRect() (Retourne les dimensions et la position de l'objet)
hasAttribute() (Retourne true si l'attribut existe bien sur l'objet HTML)
removeChild() (Retire l'élément enfant de l'élément parent)
removeEventListener() (Retire la détection de l'événement de son objet)
setAttribute() (Affecte une valeur à un attribut sur l'objet HTML)

Sous-objet
classList (Tableau de la liste des classes CSS d'un objet HTML du DOM)
Page mise à jour le

Chercher une fonction, un objet, ...

Le graph des objets Javascript



Chargement
en cours...

Le guide complet du javascript

Le Guide Complet du JavascriptEn savoir plus sur mon livre aux Editions Micro Application
Le 21/09/2017 18:03:11 sur php7 en 19.21 ms