English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
L'objet Attr représente les attributs de l'objet Element.
Les attributs HTML appartiennent toujours aux éléments HTML.
Dans la plupart des méthodes DOM, vous pouvez récupérer directement les attributs sous forme de chaîne (par exempleElement .getAttribute() mais certaines fonctions (par exemple Element.getAttributeNode()) ou itérer sur les méthodes de type Attr donné.
L'objet NamedNodeMap représente un ensemble non ordonné d'objets Attr.
Les nœuds de NamedNodeMap peuvent être accédés par nom ou par numéro d'index.
| Propriété/Méthode | Description |
|---|---|
| attr.isId | Retourne true si le type de propriété est Id, sinon retourne false |
| attr.name | Retourne le nom de la propriété |
| attr.value | Définit ou retourne la valeur de la propriété |
| attr.specified | Retourne true si la propriété est spécifiée, sinon retourne false |
| nodemap.getNamedItem() | Retourne le nœud de propriété spécifié à partir de NamedNodeMap |
| nodemap.item() | Retourne le nœud de propriété à l'indice spécifié dans NamedNodeMap |
| nodemap.length | Retourne le nombre de nœuds de propriété dans NamedNodeMap |
| nodemap.removeNamedItem() | Supprimer le nœud d'attribut spécifié |
| nodemap.setNamedItem() | Définir le nœud d'attribut spécifié (par nom) |
Ce exemple affiche tous les noms des attributs de l'élément IMG :
var attrList = document.querySelector("img").attributes;
var text = "";
for (let x = 0; x < attrList.length;++) {
text += attrList[x].name + "<br>";
}Testez et voyez‹/›Ce exemple affiche toutes les valeurs des attributs de l'élément IMG :
var attrList = document.querySelector("img").attributes;
var text = "";
for (let x = 0; x < attrList.length;++) {
text += attrList[x].value + "<br>";
}Testez et voyez‹/›Ce exemple change la valeur de l'attribut src de l'élément IMG :
var image = document.querySelector("img");
image.getAttributeNode("src").value = "heart.jpg";Testez et voyez‹/›