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 Attr
Dans le code HTML DOM, l'objet Attr représente un attribut HTML.
Un attribut HTML appartient toujours à un élément HTML.
L'objet NamedNodeMap
Dans le DOM HTML, l'objet NamedNodeMap représente une collection non ordonnée d'un des éléments d' attributs des noeuds.
Les nœuds dans un NamedNodeMap sont accessibles par nom ou par index (number) .
Support du navigateur
| Objet | |||||
|---|---|---|---|---|---|
| Attr | Oui | Oui | Oui | Oui | Oui |
| NamedNodeMap | Oui | Oui | Oui | Oui | Oui |
L'attr et l'objet NamedNodeMap est pris en charge dans tous les principaux navigateurs.
Propriétés et méthodes
| Propriété / Méthode | La description |
|---|---|
| attr .isId | Renvoie true si l'attribut est de type Id, sinon il retourne faux |
| attr .name | Retourne le nom d'un attribut |
| attr .value | Définit ou retourne la valeur de l'attribut |
| attr .specified | Renvoie true si l'attribut a été spécifié, sinon il retourne faux |
| nodemap. getNamedItem() | Renvoie un noeud d'attribut spécifié à partir d'un NamedNodeMap |
| nodemap. item() | Renvoie le noeud d'attribut à un index spécifié dans un NamedNodeMap |
| nodemap .length | Renvoie le nombre de noeuds d'attributs dans un NamedNodeMap |
| nodemap. removeNamedItem() | Supprime un noeud d'attribut spécifié |
| nodemap. setNamedItem() | Définit le specified noeud d'attribut (by name) |
DOM 4 Attention !!!
Dans le noyau DOM du W3C, l'Attr (attribute) objet hérite de toutes les propriétés et méthodes de l'objet Node.
Dans DOM 4, l'objet Attr ne hérite plus de nœud.
Pour l' avenir la qualité du code, vous devez éviter d' utiliser les propriétés de l' objet noeud et méthodes sur les objets d'attributs:
| Propriété / Méthode | Raison pour éviter |
|---|---|
| attr . appendChild() | Les attributs ne sont pas des nœuds enfants |
| attr .attributes | Les attributs ne sont pas des attributs |
| attr .baseURI | utiliser document.baseURI à la place |
| attr .childNodes | Les attributs ne sont pas des nœuds enfants |
| attr . cloneNode() | Ou définit plutôt le attr .value |
| attr .firstChild | Les attributs ne sont pas des nœuds enfants |
| attr . hasAttributes() | Les attributs ne sont pas des attributs |
| attr .hasChildNodes | Les attributs ne sont pas des nœuds enfants |
| attr . insertBefore() | Les attributs ne sont pas des nœuds enfants |
| attr . isEqualNode() | Ça n'a aucun sens |
| attr . isSameNode() | Ça n'a aucun sens |
| attr . isSupported() | Est-ce toujours vrai |
| attr .lastChild | Les attributs ne sont pas des nœuds enfants |
| attr .nextSibling | Les attributs ne sont pas frères et soeurs |
| attr .nodeName | Utilisez plutôt attr .name |
| attr .nodeType | Ceci est toujours 2 (ATTRIBUTE_NODE) |
| attr .nodeValue | Utilisez plutôt attr .value |
| attr . normalize() | Les attributs ne peuvent être normalisées |
| attr .ownerDocument | Ceci est toujours votre document HTML |
| attr .ownerElement | Ceci est l'élément HTML utilisé pour accéder à l'attribut |
| attr .parentNode | Ceci est l'élément HTML utilisé pour accéder à l'attribut |
| attr .previousSibling | Les attributs ne sont pas frères et soeurs |
| attr .removeChild | Les attributs ne sont pas des nœuds enfants |
| attr .replaceChild | Les attributs ne sont pas des nœuds enfants |
| attr .textContent | Utilisez attr à la place .value |