La proprietà nodeName di Javascript
Nel linguaggio Javascript la proprietà nodeName è una proprietà degli elementi del Document Object Model (DOM).
nodeName
Questa proprietà ritorna il nome del nodo corrente come una stringa.
Per i nodi degli elementi, restituisce il nome del tag in maiuscolo. Ad esempio, per un elemento <div>, restituisce "DIV".
Per i nodi di testo, invece, la proprietà nodeName restituisce sempre `#text`.
Questa proprietà è particolarmente utile quando non conosco il tipo di nodo del DOM con cui sto lavorando. Ad esempio, potrei voler eseguire un'azione solo su tutti i nodi di tipo <p> o creare dei filtri per selezionare tutti gli elementi <span>.
Ad esempio, considero questo documento HTML.
- <html>
- <head>
- </head>
- <body>
- <button id="testButton">Clicca qui</button>
- <p>Questo è un paragrafo.</p>
- <script>
- let myVar= document.getElementById('testButton');
- document.write(myVar.nodeName);
- </script>
- </body>
- </html>
Questo script rileva l'elemento a cui è associata la classe id='testButton' e lo memorizza nella variabile myVar.
Poi utilizza la proprietà myVar.nodeName per capire di quale nodo si tratta.
In questo caso la proprietà restituisce BUTTON
BUTTON
Il nome del tag viene restituito sempre in maiuscolo.
E così via.