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
En savoir plus
