Retourner à la page d'accueil de TJS

Objet : HTMLElement

          

Objet de base dont sont issus 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-* présents dans la balise HTML d'un élément du DOM)
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() (Détecte l'événement myEvent et exécute ToDo() lorsque myEvent est déclenché)
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 avant l'élément position)
removeChild() (Retire du DOM 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...

Nouveau service en ligne de TJS

cleanMyJS : Détectez toutes les erreurs JavaScript de vos sitescleanMyJS.com
Détectez, enregistrez et analysez toutes les erreurs JavaScript de vos sites
Le 17/12/2018 10:42:18 sur php7 en 19.7 ms