English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Objet Element HTML DOM

Objet Element

L'objet Element représente un élément HTML, par exemple <p>, <div>, <a>, <form> ou tout autre élément HTML.

L'objet Element ne possède que les méthodes et attributs communs à tous les éléments.

Attributs de l'objet Element

Le tableau suivant liste les attributs de l'objet Element :

AttributDescription
accessKeyDéfinit ou retourne la valeur de l'attribut 'accesskey' de l'élément
attributesRetourne la NamedNodeMap des attributs de l'élément
childElementCountRetourne le nombre d'éléments enfants de l'élément donné
childNodesRetourne la liste des nœuds enfants (y compris les nœuds de texte et de commentaire) de l'élément
childrenRetourne la liste des éléments enfants de l'élément (sans les nœuds de texte et de commentaire)
classListRetourne le nom de la classe de l'élément
classNameDéfinit ou retourne la valeur de l'attribut 'class' de l'élément
clientHeightRetourne la hauteur de l'élément, y compris les rembourrages
clientLeftRetourne la largeur du bord gauche de l'élément
clientTopRetourne la largeur du bord supérieur de l'élément
clientWidthRetourne la largeur de l'élément, y compris les rembourrages
contentEditableDéfinit ou retourne si le contenu de l'élément est éditable
dirDéfinit ou retourne la valeur de l'attribut 'dir' de l'élément
firstChildRetourne le premier nœud enfant de l'élément
firstElementChildRetourne le premier élément enfant de l'élément (sans les nœuds de texte et de commentaire)
idDéfinir ou retourner la valeur de l'attribut id de l'élément
innerHTMLDéfinir ou retourner le contenu de l'élément
innerTextDéfinir ou retourner le contenu texte des descendants de l'élément
isContentEditableRetourne true si le contenu de l'élément est éditable ; sinon retourne false
langDéfinir ou retourner la valeur de l'attribut lang de l'élément
lastChildRetourner le dernier enfant de l'élément
lastElementChildRetourner le dernier enfant de l'élément (ne pas inclure les noeuds texte et les noeuds commentaires)
namespaceURIRetourner l'URI de l'espace de nom de l'élément
nextSiblingRetourner le noeud suivant de la même niveau dans l'arbre des noeuds
nextElementSiblingRetourner l'élément suivant de la même niveau dans l'arbre des noeuds (ne pas inclure les noeuds texte et les noeuds commentaires)
nodeNameRetourner le nom du noeud
nodeTypeRetourner le type de noeud du noeud
nodeValueDéfinir ou retourner la valeur du noeud
offsetHeightRetourner la hauteur de l'élément, y compris le rembourrage, les bordures et les barres de défilement
offsetWidthRetourner la largeur de l'élément, y compris le rembourrage, les bordures et les barres de défilement
offsetLeftRetourner la position horizontale de l'élément
offsetParentRetourner le conteneur de décalage de l'élément
offsetTopRetourner la position verticale de l'élément
ownerDocumentRetourner l'élément racine (objet document)
parentNodeRetourner le noeud parent de l'élément
parentElementRetourner l'élément parent de l'élément
previousSiblingRetourner le noeud précédent de la même niveau dans l'arbre des noeuds
previousElementSiblingRetourner l'élément précédent de la même niveau dans l'arbre des noeuds (ne pas inclure les noeuds texte et les noeuds commentaires)
scrollHeightRetourner un Number représentant la hauteur de la vue de défilement de l'élément
scrollLeftDéfinir ou retourner le nombre de pixels de défilement horizontal du contenu de l'élément
scrollTopDéfinir ou retourner le nombre de pixels de défilement vertical du contenu de l'élément
scrollWidthRetourner un Number représentant la largeur de la vue de défilement de l'élément
styleDéfinir ou retourner la valeur de l'attribut style de l'élément
tabIndexDéfinir ou retourner la valeur de l'attribut tabindex de l'élément
tagNameRetourner le nom de balise de l'élément
textContentDéfinir ou retourner le contenu texte des descendants du noeud
titleDéfinir ou retourner la valeur de l'attribut title de l'élément

Méthodes de l'objet élément

Le tableau suivant liste les méthodes de l'objet Element :

MéthodeDescription
addEventListener()Ajoute un gestionnaire d'événement à l'élément spécifié
appendChild()Ajoute un nouveau sous-nœud à l'élément en tant que dernier sous-nœud
blur()Retire le focus de l'élément
cloneNode()Clone l'élément
click()Simule un clic de souris sur l'élément
compareDocumentPosition()Compare la position documentaire de deux éléments
contains()Retourne true si le nœud est un descendant du nœud, sinon retourne false
focus()Met l'accent sur l'élément
getAttribute()Retourne la valeur de l'attribut spécifié du nœud d'élément
getAttributeNode()Retourne le nœud d'attribut spécifié
getBoundingClientRect()Retourne la taille de l'élément et sa position par rapport à la fenêtre de visualisation
getElementsByClassName()Retourne la liste de tous les sous-éléments ayant la classe spécifiée
getElementsByTagName()Retourne la liste de tous les sous-éléments ayant le nom de balise spécifié
hasAttribute()Retourne true si l'élément a l'attribut spécifié, sinon retourne false
hasAttributes()Retourne true si l'élément a tout attribut, sinon retourne false
hasChildNodes()Retourne true si l'élément a tout sous-nœud, sinon retourne false
insertAdjacentElement()Insère un élément HTML à la position spécifiée par rapport à l'élément courant
insertAdjacentHTML()Insère du texte au format HTML à la position spécifiée par rapport à l'élément courant
insertAdjacentText()Insère du texte à la position spécifiée par rapport à l'élément courant
insertBefore()Insère un nouveau sous-nœud avant le sous-nœud existant spécifié
isDefaultNamespace()Retourne true si l'URI d'espace de nom spécifié est la valeur par défaut, sinon retourne false
isEqualNode()Vérifie si deux éléments sont égaux
isSameNode()Vérifie si deux éléments sont sur le même nœud
isSupported()Retourne true si l'élément prend en charge la fonction spécifiée
normalize()Connecte les nœuds de texte adjacents, et supprime les nœuds de texte vides de l'élément
querySelector()Renvoie le premier enfant élément qui correspond au sélecteur CSS spécifié
querySelectorAll()Retourner tous les éléments enfants correspondant au sélecteur CSS spécifié de l'élément
removeAttribute()Supprimer une propriété spécifiée de l'élément
removeAttributeNode()Supprimer un nœud d'attribut spécifié et retourner le nœud supprimé
removeChild()Supprimer un nœud enfant de l'élément
removeEventListener()Supprimer le gestionnaire d'événement ajouté à la méthode addEventListener()
replaceChild()Remplacer un nœud enfant dans un élément
requestFullscreen()Afficher un élément en mode plein écran
scrollIntoView()Faire défiler un élément spécifié dans la zone visible de la fenêtre du navigateur
setAttribute()Définir ou modifier un attribut spécifié en valeur spécifiée
setAttributeNode()Définir ou modifier un nœud d'attribut spécifié
toString()Convertir un élément en chaîne