Il metodo getAttribute() in Javascript
Il metodo getAttribute() è un metodo del linguaggio Javascript che mi permette di ottenere il valore di un attributo di un elemento HTML.
element.getAttribute(attributo);
Dove:
- element è l'elemento DOM dal quale voglio ottenere l'attributo.
- attributo è una stringa che specifica il nome dell'attributo di cui vuoi ottenere il valore.
Questo metodo restituisce l'attributo che ho indicato. Se l'attributo non esiste, restituisce `null`.
Nota. E' un metodo che appartiene agli elementi del DOM (Document Object Model) in HTML. Funziona con qualsiasi attributo, standard o personalizzato ma solo su elementi HTML. Non puoi usarlo su nodi testo o commenti. Restituisce sempre una stringa, anche per attributi che sembrano numerici.
Ecco un esempio pratico.
Considero una pagina web con un link.
- <html>
- <body>
- <a id="link" href="https://www.andreaminini.com">Visita il sito</a>
- <script>
- var linkElement = document.getElementById('link');
- var url = linkElement.getAttribute('href');
- console.log(url); </script>
- </body>
- </html>
Questo script seleziona l'elemento con id=link con il metodo getElementByID("link").
Poi ottiene il valore associato all'attributo href, ossia l'URL a cui punta il link, tramite il metodo getAttribute("href") e lo stampa a video.
In questo caso il risultato è il seguente:
https://www.andreaminini.com
Questo metodo è particolarmente utile perché mi permette di accedere ai dati degli attributi.
Oltre che per il recupero degli URL, come un link o il percorso di un'immagine, posso utilizzarlo per verificare se un checkbox è selezionato ('checked') oppure se un input è disabilitato (`disabled`).
E così via.
