English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
El objeto Attr representa las propiedades del objeto Element.
Las propiedades HTML siempre pertenecen a los elementos HTML.
En la mayoría de los métodos DOM, es posible recuperar directamente las propiedades en forma de cadena (por ejemploElement .getAttribute() pero ciertos métodos (por ejemplo, Element.getAttributeNode()) o iterar los métodos de un tipo de Attr dado.
El objeto NamedNodeMap representa una colección desordenada de objetos Attr.
Se puede acceder a los nodos en NamedNodeMap mediante nombre o número de índice.
| Atributo/Método | Descripción |
|---|---|
| attr.isId | Devuelve true si el tipo del atributo es Id, de lo contrario devuelve false |
| attr.name | Devuelve el nombre del atributo |
| attr.value | Establece o devuelve el valor del atributo |
| attr.specified | Devuelve true si se ha especificado el atributo, de lo contrario devuelve false |
| nodemap.getNamedItem() | Devuelve el nodo de atributo especificado de NamedNodeMap |
| nodemap.item() | Devuelve el nodo de atributo en la posición especificada de NamedNodeMap |
| nodemap.length | Devuelve la cantidad de nodos de atributo en NamedNodeMap |
| nodemap.removeNamedItem() | Eliminar el nodo de atributo especificado |
| nodemap.setNamedItem() | Establecer el nodo de atributo especificado (por nombre) |
Este ejemplo muestra todos los nombres de atributos del elemento IMG:
var attrList = document.querySelector("img").attributes;
var text = "";
for (let x = 0; x < attrList.length;++) {
text += attrList[x].name + "<br>";
}Prueba y observa‹/›Este ejemplo muestra todos los valores de atributos del elemento IMG:
var attrList = document.querySelector("img").attributes;
var text = "";
for (let x = 0; x < attrList.length;++) {
text += attrList[x].value + "<br>";
}Prueba y observa‹/›Este ejemplo cambia el valor de la propiedad src del elemento IMG:
var image = document.querySelector("img");
image.getAttributeNode("src").value = "heart.jpg";Prueba y observa‹/›