The setAtribut() metoda se uporablja za nastavitev ali dodajanje atributa določenemu elementu in mu zagotavlja vrednost. Če atribut že obstaja, le nastavi ali spremeni vrednost atributa. Torej lahko uporabimo tudi setAtribut() metoda za posodobitev obstoječe vrednosti atributa. Če ustrezni atribut ne obstaja, bo ustvaril nov atribut s podanim imenom in vrednostjo. Ta metoda ne vrne nobene vrednosti. Ime atributa se samodejno pretvori v male črke, ko ga uporabimo v elementu HTML.
Čeprav lahko dodamo stil atribut z uporabo setAtribut() metoda, vendar je priporočljivo, da te metode ne uporabljate za oblikovanje. Za dodajanje slogov lahko uporabimo lastnosti slogovnega predmeta, ki bodo učinkovito spremenile slog. To je lahko jasno z naslednjo kodo.
Napačen način
Priporočljivo je, da ga ne uporabljate za spreminjanje sloga.
tuple java
element.setAttribute('style', 'background-color: blue;');
Pravilen način
Pravilen način spreminjanja sloga je podan spodaj.
element.setAttribute.backgroundColor = 'blue';
Če želite pridobiti vrednost atributa, lahko uporabimo getAttribute() in za odstranitev določenega atributa iz elementa lahko uporabimo odstraniAtrribute() metoda.
Če dodajamo logični atribut, kot je npr onemogočeno , potem se ne glede na vrednost, ki jo ima, vedno obravnava kot prav . Če zahtevamo, da vrednost logičnega atributa nastavimo na lažno , moramo odstraniti celoten atribut z uporabo odstraniAtribut() metoda .
Sintaksa
element.setAttribute(attributeName, attributeValue)
Argumenti te metode niso neobvezni. Pri uporabi te metode morata biti vključena oba parametra. Vrednosti parametrov te metode so definirane na naslednji način.
Vrednosti parametrov
ime atributa: To je ime atributa, ki ga želimo dodati elementu. Ne sme ostati prazen; ni izbirno.
attributeValue: Je vrednost atributa, ki jo dodajamo elementu. Prav tako ni neobvezna vrednost.
Razumejmo, kako uporabljati setAtribut() metodo z uporabo nekaterih ilustracij.
Primer1
V tem primeru dodajamo a href atribut z vrednostjo 'https://www.javatpoint.com/' do označi z id = 'povezava' .
windows.open javascript
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 Preizkusite zdaj Izhod
Po izvedbi zgornje kode bo rezultat -
Vidimo lahko, da se pred klikom na dani gumb povezava ne ustvari. Po kliku na gumb bo rezultat -
Zdaj lahko vidimo, da je povezava ustvarjena.
Primer2
V tem primeru posodabljamo vrednost obstoječega atributa z uporabo setAtribut() metoda. Tukaj pretvarjamo besedilno polje v gumb s spreminjanjem vrednosti vrsta atribut iz besedilo do gumb .
Za ogled učinka moramo klikniti določen gumb.
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 Preizkusite zdaj Izhod
Po izvedbi zgornje kode bo rezultat -
Po kliku na gumb bo rezultat -
Primer3
Tukaj dodajamo logični atribut onemogočeno da onemogočite navedeni gumb. Če nastavimo vrednost onemogočeno na prazen niz, potem se samodejno nastavi na true, zaradi česar je gumb onemogočen.
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 Preizkusite zdaj Izhod
java prekinitev zanke
Po izvedbi zgornje kode bo rezultat -
Po kliku na gumb bo rezultat -
