La proprietà Element.attributes restituisce una raccolta in tempo reale di tutti i nodi di attributo registrati nel nodo specificato. È una NamedNodeMap, non un Array, quindi non ha metodi predefiniti degli Array e non ha i metodi Attr dei nodi che possono differire tra i browser. Per essere più specifici, attributes è una coppia chiave/valore di stringhe che rappresenta qualsiasi informazione riguardante quell'attributo.

Sintassi

var attr = element.attributes;

Esempio

Esempi basilari

// Ottenere il primo elemento <p> nel documento
var para = document.getElementsByTagName("p")[0];
var atts = para.attributes;

Enumerazione degli attributi degli elementi

L'indicizzazione numerica è utile per passare attraverso tutti gli attributi di un elemento.
L'esempio seguente esegue i nodi dell'attributo per l'elemento nel documento con id "paragraph" e stampa il valore di ciascun attributo.

<!DOCTYPE html>

<html>

 <head>
  <title>Attributes example</title>
  <script type="text/javascript">
   function listAttributes() {
     var paragraph = document.getElementById("paragraph");
     var result = document.getElementById("result");

     // First, let's verify that the paragraph has some attributes    
     if (paragraph.hasAttributes()) {
       var attrs = paragraph.attributes;
       var output = "";
       for(var i = attrs.length - 1; i >= 0; i--) {
         output += attrs[i].name + "->" + attrs[i].value;
       }
       result.value = output;
     } else {
       result.value = "No attributes to show";
     }
   }
  </script>
 </head>

<body>
 <p id="paragraph" style="color: green;">Sample Paragraph</p>
 <form action="">
  <p>
    <input type="button" value="Show first attribute name and value"
      onclick="listAttributes();">
    <input id="result" type="text" value="">
  </p>
 </form>
</body>
</html>

Specifiche

Specifica Stato Commento
DOM
The definition of 'Element.attributes' in that specification.
Living Standard Da Document Object Model (DOM) Level 3 Core Specification, spostato da Node a Element
Document Object Model (DOM) Level 3 Core Specification
The definition of 'Element.attributes' in that specification.
Obsolete Nessun cambiamento da Document Object Model (DOM) Level 2 Core Specification
Document Object Model (DOM) Level 2 Core Specification
The definition of 'Element.attributes' in that specification.
Obsolete Nessun cambiamento da Document Object Model (DOM) Level 1 Specification
Document Object Model (DOM) Level 1 Specification
The definition of 'Element.attributes' in that specification.
Obsolete Definizione iniziale.

Compatibilità con i browser

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
attributesChrome Full support 26Edge Full support 16Firefox Full support 22IE ? Opera Full support YesSafari Full support 6WebView Android Full support YesChrome Android Full support YesFirefox Android Full support 22Opera Android Full support YesSafari iOS Full support YesSamsung Internet Android Full support Yes

Legend

Full support  
Full support
Compatibility unknown  
Compatibility unknown

Vedi anche

  • NamedNodeMap, l'interfaccia dell'oggetto restituito
  • Considerazioni sulla compatibilità con ross-browser: su quirksmode

Tag del documento e collaboratori

Hanno collaborato alla realizzazione di questa pagina: IsibisiDev, mdnwebdocs-bot, teoli, khalid32, DaViD83
Ultima modifica di: IsibisiDev,