HTML noeuds DOM
Dans le HTML DOM (Document Object Model) , tout est un nœud:
- Le document lui-même est un nœud de document
- Tous les éléments HTML sont des noeuds d'éléments
- Tous les attributs HTML sont des nœuds d'attributs
- Texte à l'intérieur des éléments HTML sont des nœuds de texte
- Les commentaires sont des nœuds de commentaire
L'objet Element
Dans le code HTML DOM, l'objet Element représente un élément HTML.
Objets d'éléments peuvent avoir des nœuds enfants de noeuds d'éléments de type, les nœuds de texte ou des nœuds de commentaire.
Un objet NodeList représente une liste de nœuds, comme une collection de l' élément HTML des nœuds enfants.
Les éléments peuvent également avoir des attributs. Les attributs sont des noeuds d'attributs (See next chapter) .
Support du navigateur
| Objet | |||||
|---|---|---|---|---|---|
| Element | Oui | Oui | Oui | Oui | Oui |
| NodeList | Oui | Oui | Oui | Oui | Oui |
L'objet Element et l'objet NodeList sont pris en charge dans tous les principaux navigateurs.
Propriétés et méthodes
Les propriétés et méthodes suivantes peuvent être utilisées sur tous les éléments HTML:
| Propriété / Méthode | La description |
|---|---|
| element .accessKey | Définit ou retourne l' accesskey attribut d'un élément |
| element . addEventListener() | Attache un gestionnaire d'événement à l'élément spécifié |
| element . appendChild() | Ajoute un nouveau nœud enfant, à un élément, comme le dernier nœud enfant |
| element .attributes | Retourne une NamedNodeMap des attributs d'un élément |
| element . blur() | Supprime le focus d'un élément |
| element .childElementCount | Renvoie le nombre d'éléments enfants un élément a |
| element .childNodes | Retourne une collection de nœuds enfants d'un élément (y compris les noeuds texte et commentaire) |
| element .children | Retourne une collection de sous-élément d'un élément (à l'exception des nœuds de texte et commentaire) |
| element .classList | Renvoie la classe name(s) d'un élément |
| element .className | Définit ou retourne la valeur de la class attribut d'un élément |
| element . click() | Simule un clic de souris sur un élément |
| element .clientHeight | Renvoie la hauteur d'un élément, comprenant un rembourrage |
| element .clientLeft | Renvoie la largeur de la bordure gauche d'un élément |
| element .clientTop | Renvoie la largeur de la bordure supérieure d'un élément |
| element .clientWidth | Renvoie la largeur d'un élément, comprenant un rembourrage |
| element . cloneNode() | Clones un élément |
| element . compareDocumentPosition() | Compare la position du document de deux éléments |
| element . contains() | Renvoie true si un nœud est un descendant d'un nœud, sinon false |
| element .contentEditable | Définit ou retourne si le contenu d'un élément est modifiable ou non |
| element .dir | Définit ou retourne la valeur de la dir attribut d'un élément |
| element .firstChild | Renvoie le premier noeud enfant d'un élément |
| element .firstElementChild | Renvoie le premier élément enfant d'un élément |
| element . focus() | Donne le focus à un élément |
| element . getAttribute() | Renvoie la specified valeur d'attribut d'un noeud d'élément |
| element . getAttributeNode() | Renvoie la specified noeud d'attribut |
| element . getElementsByClassName() | Retourne une collection de tous les éléments de l'enfant avec le nom de classe spécifié |
| element . getElementsByTagName() | Retourne une collection de tous les éléments de l'enfant avec le nom de balise spécifié |
| element . getFeature() | Retourne un objet qui implémente les API d'une fonctionnalité spécifiée |
| element . hasAttribute() | Renvoie true si un élément a specified attribut, sinon false |
| element . hasAttributes() | Renvoie true si un élément a des attributs, sinon false |
| element . hasChildNodes() | Renvoie true si un élément a des nœuds enfants, sinon faux |
| element .id | Définit ou retourne la valeur de l' id attribut d'un élément |
| element .innerHTML | Définit ou retourne le contenu d'un élément |
| element . insertBefore() | Insère un nouveau nœud enfant devant un spécifié, existant, noeud enfant |
| element .isContentEditable | Renvoie true si le contenu d'un élément est modifiable, sinon false |
| element . isDefaultNamespace() | Renvoie true si un espace de nom spécifié est la valeur par défaut, sinon false |
| element . isEqualNode() | Vérifie si deux éléments sont égaux |
| element . isSameNode() | Vérifie si deux éléments sont le même noeud |
| element . isSupported() | Renvoie true si une fonctionnalité spécifiée est prise en charge sur l'élément |
| element .lang | Définit ou retourne la valeur de la lang attribut d'un élément |
| element .lastChild | Renvoie le dernier noeud enfant d'un élément |
| element .lastElementChild | Retourne le dernier élément enfant d'un élément |
| element .namespaceURI | Renvoie l'URI d'espace de nom d'un élément |
| element .nextSibling | Retourne le nœud suivant au même niveau d'arborescence de nœuds |
| element .nextElementSibling | Renvoie l'élément suivant au même niveau d'arborescence de nœuds |
| element .nodeName | Retourne le nom d'un noeud |
| element .nodeType | Retourne le type de noeud d'un noeud |
| element .nodeValue | Définit ou retourne la valeur d'un nœud |
| element . normalize() | Joint nœuds de texte adjacents et supprime les nœuds de texte vides dans un élément |
| element .offsetHeight | Renvoie la hauteur d'un élément, y compris le rembourrage, la frontière et scrollbar |
| element .offsetWidth | Renvoie la largeur d'un élément, y compris le rembourrage, la frontière et scrollbar |
| element .offsetLeft | Renvoie la position de décalage horizontal d'un élément |
| element .offsetParent | Renvoie le conteneur de décalage d'un élément |
| element .offsetTop | Renvoie la position de décalage vertical d'un élément |
| element .ownerDocument | Renvoie l'élément racine (document object) pour un élément |
| element .parentNode | Renvoie le noeud parent d'un élément |
| element .parentElement | Renvoie le noeud d'élément parent d'un élément |
| element .previousSibling | Retourne le nœud précédent au même niveau d'arborescence de nœuds |
| element .previousElementSibling | Renvoie l'élément précédent au même niveau d'arborescence de nœuds |
| element . querySelector() | Renvoie le premier élément enfant qui correspond à un CSS spécifié selector(s) d'un élément |
| élément. querySelectorAll() | Retourne tous les éléments enfants qui correspond à un CSS spécifié selector(s) d'un élément |
| element . removeAttribute() | Supprime un attribut spécifié à partir d'un élément |
| element . removeAttributeNode() | Supprime un noeud d'attribut spécifié, et retourne le noeud éliminé |
| element . removeChild() | Supprime un nœud enfant d'un élément |
| element . replaceChild() | Remplace un nœud enfant dans un élément |
| element . removeEventListener() | Supprime un gestionnaire d'événement qui a été attaché avec le addEventListener() Méthode |
| element .scrollHeight | Renvoie la totalité de la hauteur d'un élément, comprenant un rembourrage |
| element .scrollLeft | Définit ou retourne le nombre de pixels contenu d'un élément défile horizontalement |
| element .scrollTop | Définit ou retourne le nombre de pixels contenu d'un élément défile verticalement |
| element .scrollWidth | Renvoie la totalité de la largeur d'un élément, comprenant un rembourrage |
| element . setAttribute() | Définit ou modifie l' specified attribut, à la valeur spécifiée |
| element . setAttributeNode() | Définir ou de modifier le specified noeud d'attribut |
| element .style | Définit ou retourne la valeur du style de l' attribut d'un élément |
| element .tabIndex | Définit ou retourne la valeur de l' tabindex attribut d'un élément |
| element .tagName | Retourne le nom de la balise d'un élément |
| element .textContent | Définit ou retourne le contenu textuel d'un nœud et ses descendants |
| element .title | Définit ou retourne la valeur du title attribut d'un élément |
| element . toString() | Conversion d'un élément dans une chaîne |
| nodelist. item() | Renvoie le nœud à l'index spécifié dans un NodeList |
| nodelist .length | Renvoie le nombre de noeuds dans un NodeList |