IL setAttributo() Il metodo viene utilizzato per impostare o aggiungere un attributo a un particolare elemento e fornisce un valore ad esso. Se l'attributo esiste già, imposta o modifica solo il valore dell'attributo. Quindi possiamo anche usare il file setAttributo() metodo per aggiornare il valore dell'attributo esistente. Se l'attributo corrispondente non esiste, creerà un nuovo attributo con il nome e il valore specificati. Questo metodo non restituisce alcun valore. Il nome dell'attributo viene convertito automaticamente in minuscolo quando lo utilizziamo su un elemento HTML.
Anche se possiamo aggiungere il stile attributo utilizzando l' setAttributo() metodo, ma si consiglia di non utilizzare questo metodo per lo styling. Per aggiungere stili, possiamo utilizzare le proprietà dell'oggetto stile che modificheranno effettivamente lo stile. Può essere chiaro con il seguente codice.
Modo errato
Si consiglia di non utilizzarlo per modificare lo stile.
element.setAttribute('style', 'background-color: blue;');
Modo corretto
booleano in c
Di seguito viene fornito il modo corretto per modificare lo stile.
element.setAttribute.backgroundColor = 'blue';
Per ottenere il valore di un attributo, possiamo usare il getAttributo() metodo e per rimuovere un attributo specifico da un elemento, possiamo usare il metodo rimuoviAttributo() metodo.
dimensione del vettore c++
Se stiamo aggiungendo un attributo booleano come Disabilitato , quindi qualunque sia il valore che ha, viene sempre considerato come VERO . Se richiediamo di impostare il valore dell'attributo booleano su falso , dobbiamo rimuovere l'intero attributo utilizzando il file rimuoviAttributo() metodo .
Sintassi
element.setAttribute(attributeName, attributeValue)
Gli argomenti di questo metodo non sono facoltativi. Entrambi i parametri devono essere inclusi quando si utilizza questo metodo. I valori dei parametri di questo metodo sono definiti come segue.
Valori dei parametri
nome attributo: È il nome dell'attributo che vogliamo aggiungere a un elemento. Non può essere lasciato vuoto; cioè, non è facoltativo.
valoreattributo: È il valore dell'attributo che stiamo aggiungendo a un elemento. Inoltre, non è un valore facoltativo.
Capiamo come utilizzare setAttributo() metodo utilizzando alcune illustrazioni.
Esempio 1
In questo esempio, stiamo aggiungendo a href attributo con un valore di 'https://www.javatpoint.com/' al taggare con id = 'collegamento' .
JavaScript setAttribute() method function fun() { document.getElementById('link').setAttribute('href', 'https://www.javatpoint.com/'); } <h2> It is an example of adding an attribute using the setAttribute() method. </h2> <a id="link"> javaTpoint.com </a> <p> Click the follwing button to see the effect. </p> Add attribute Provalo adesso Produzione
app nascoste
Dopo l'esecuzione del codice sopra, l'output sarà:
Possiamo vedere che prima di fare clic sul pulsante indicato, il collegamento non viene creato. Dopo aver fatto clic sul pulsante, l'output sarà:
Ora possiamo vedere che il collegamento è stato creato.
Esempio2
In questo esempio stiamo aggiornando il valore di un attributo esistente utilizzando il file setAttributo() metodo. Qui stiamo convertendo un campo di testo in un pulsante modificando il valore di tipo attributo da testo A pulsante .
0,2 come frazione
Dobbiamo fare clic sul pulsante specificato per vedere l'effetto.
JavaScript setAttribute() method function fun() { document.getElementById('change').setAttribute('type', 'button'); } <h2> It is an example to update an attribute's value using the setAttribute() method. </h2> <p> Click the follwing button to see the effect. </p> Change Provalo adesso Produzione
Dopo l'esecuzione del codice sopra, l'output sarà:
Dopo aver fatto clic sul pulsante, l'output sarà:
Esempio3
Qui stiamo aggiungendo un attributo booleano Disabilitato per disabilitare il pulsante specificato. Se impostiamo il valore di Disabilitato attributo a una stringa vuota, viene automaticamente impostato su true, disabilitando così il pulsante.
JavaScript setAttribute() method function fun() { document.getElementById('btn').setAttribute('disabled', ''); } <h2> Example of the setAttribute() method. </h2> <p> Click the following button to see the effect </p> Click me Provalo adesso Produzione
istruzione di stampa in Java
Dopo l'esecuzione del codice sopra, l'output sarà:
Dopo aver fatto clic sul pulsante, l'output sarà:
