La proprietà tagName di Javascript
Il tagName è una proprietà in JavaScript associata agli elementi del Document Object Model (DOM).
elemento.tagName
Questa proprietà mi restituisce il nome del tag dell'elemento in questione.
Lo restituisce in maiuscolo come standard in HTML o nel formato in cui è stato scritto nel caso del XML.
A cosa serve? La proprietà tagName è particolarmente utile quando lavoro con il DOM nelle situazioni in cui è necessario distinguere tra diversi tipi di elementi. Dove il DOM è il modello di oggetti utilizzato nei browser web per rappresentare pagine HTML o XML. Ad esempio, quando itero su una collezione di elementi o lavoro con elementi generati dinamicamente.
Ecco un esempio pratico per illustrare meglio il concetto.
In questo semplice documento HTML ho un <div> con id="mioDiv" e uno script.
- <html>
- <body>
- <div id="mioDiv">Contenuto del div</div>
- <script>
- var elemento = document.getElementById("mioDiv");
- document.write(elemento.tagName); </script>
- </body>
- </html>
Lo script intercetta l'elemento con id="mioDiv" tramite il metodo document.getElementById("mioDiv")
Quindi, seleziona l'elemento <div> con l'id "mioDiv" e lo salva in una variabile di appoggio.
Utilizzando la proprietà tagName sull'elemento selezionato, ottengo "DIV" come risultato, che è il nome del tag dell'elemento in maiuscolo.
DIV
E' scritto in maiuscolo perché si tratta di un codice Html.
In altre parole, questa proprietà restituisce semplicemente il nome del tag dell'elemento che ho selezionato.
E così via.