Qual è l'elemento.Metodo getAttribute in JavaScript?

Qual è l'elemento.Metodo getAttribute in JavaScript?

A volte, è necessario ottenere o controllare il valore dell'attributo specificato di qualsiasi elemento per applicare diverse funzionalità. A tale scopo, il Javascript predefiniva "getAttribute ()"Viene utilizzato il metodo. Recupera il valore del particolare attributo sull'elemento e, se non viene trovato, dà "nullo".

Questo post dimostrerà il javascript "getAttribute ()" metodo.

Qual è l'elemento.Metodo getAttribute () in JavaScript?

IL "getAttribute ()"Il metodo viene utilizzato per il recupero del valore dell'attributo dato di un elemento HTML. Dà "nullo"Se l'attributo specificato non viene trovato.

Sintassi

Utilizzare la seguente sintassi per "getAttribute ()" metodo:

elemento.getAttribute (attributename)

Esempio

In un file HTML, crea un'intestazione con un elemento "H4" in un elemento "div":


Metodo JavaScript getAttribute ()


Ottieni il riferimento di un elemento "div"Usando l'ID assegnato"div" con l'aiuto di "getElementById ()" metodo:

const element = document.getElementById ('div');

Chiama il "getAttribute ()"Metodo e passare un argomento"stile"Per ottenere il valore dell'attributo di stile:

const styleattribute = element.getAttribute ('Style');

Stampa il valore dell'attributo di stile sulla console usando "console.tronco d'albero()" metodo:

console.log ("Il valore dell'attributo" stile "di div è:" + stileattribute);

Come puoi vedere l'uscita visualizza il "Testo-align: centro;"Qual è il valore dell'attributo di stile dell'elemento Div:

Ora, ottieni il valore di "classe"Attributo sull'elemento Div passando"classe"Come argomento:

const classattribute = element.getAttribute ('class');

Infine, stampare il valore dell'attributo specificato sulla console:

console.log ("Il valore dell'attributo" classe "di div è:" + classattribute);

Dà "nullo"Ciò indica che l'attributo specificato non si trova nell'elemento:

Questo è tutto per il metodo getAttribute () in JavaScript.

Conclusione

IL "getAttribute ()"Il metodo viene utilizzato per il recupero del"valore"Di un attributo specificato di un elemento HTML. Se l'attributo dato non viene trovato, dà "nullo". Questo post ha dimostrato l'uso di JavaScript "getAttribute ()" metodo.