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)
innerText (Chaîne de caractères représentant le contenu au format texte de l'élément)
lastChild (Référence au dernier noeud de l'élément dans le DOM)
nextSibling (Elément suivant de la liste childNodes)
outerHTML (Ensemble du code HTML de l'objet avec sa déclaration)
previousSibling (Contient l'élément précédent dans la liste childNodes)
textContent (Chaîne de caractères représentant le contenu au format texte de l'élément)

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)
insertBefore() (Ajoute un nouvel élément HTML sur l'objet parent après l'élément position)
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-objets
classList (Tableau de la liste des classes CSS d'un objet HTML du DOM)
parentNode (Elément parent de l'élément HTML en cours de manipulation)

Page en rapport
Introduction au DHTML
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 24/04/2018 03:06:59 sur php7 en 138.02 ms