Retourner à la page d'accueil de TJS

Objet : HTMLElement

Objet de base dont sont issus tous les éléments HTML du DOM


Compatible tous navigateurs

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
parentElement Pointe vers l'élément HTML parent, c'est-à-dire le contenant
previousSibling Contient l'élément précédent dans la liste childNodes
scrollLeft Nombre de pixels de scroll horizontal de l'élément
scrollTop Nombre de pixels de scroll vertical de l'élément
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
cloneNode() Clone un élément HTML avec ou sans ses éléments enfants
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
scrollIntoView() Fait défiler la page pour rendre l'élément visible à l'écran
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

Nouvelle édition Tout JavaScript chez Dunod

Tout JavaScript le livre chez DunodEn savoir plus
Sortie le 21 octobre

Version papier à 29€90
Format électronique à 22€99.

Commandez en ligne

Chercher une fonction, un objet, ...

Le 01/12/2020 02:45:53 sur php7 en 83.57 ms