The setAtribute() Metoda se koristi za postavljanje ili dodavanje atributa određenom elementu i daje mu vrijednost. Ako atribut već postoji, on samo postavlja ili mijenja vrijednost atributa. Dakle, također možemo koristiti setAtribute() metoda za ažuriranje postojeće vrijednosti atributa. Ako odgovarajući atribut ne postoji, stvorit će se novi atribut s navedenim imenom i vrijednošću. Ova metoda ne vraća nikakvu vrijednost. Naziv atributa automatski se pretvara u mala slova kada ga koristimo na HTML elementu.
Iako možemo dodati stil atribut pomoću setAtribute() metoda, ali preporuča se ne koristiti ovu metodu za oblikovanje. Za dodavanje stilova možemo koristiti svojstva stilskog objekta koji će učinkovito promijeniti stil. To može biti jasno sa sljedećim kodom.
Neispravan način
tablica rimskih brojeva 1 100
Preporučljivo je ne koristiti ga za promjenu stila.
element.setAttribute('style', 'background-color: blue;');
Ispravan način
Ispravan način promjene stila naveden je u nastavku.
element.setAttribute.backgroundColor = 'blue';
Da bismo dobili vrijednost atributa, možemo koristiti getAttribute() metodu, a za uklanjanje određenog atributa iz elementa možemo koristiti ukloniAtrribute() metoda.
Ako dodajemo Boolean atribut kao što je onemogućeno , onda bez obzira na vrijednost koju ima, uvijek se smatra pravi . Ako zahtijevamo da vrijednost Boolean atributa postavimo na lažno , moramo ukloniti cijeli atribut pomoću ukloniAtribut() metoda .
Sintaksa
element.setAttribute(attributeName, attributeValue)
Argumenti ove metode nisu izborni. Prilikom korištenja ove metode moraju biti uključena oba parametra. Vrijednosti parametara ove metode definirane su kako slijedi.
Vrijednosti parametara
naziv atributa: To je naziv atributa koji želimo dodati elementu. Ne može ostati prazna; tj. nije izborna.
Vrijednost atributa: To je vrijednost atributa koju dodajemo elementu. Također nije izborna vrijednost.
Shvatimo kako koristiti setAtribute() metoda pomoću nekih ilustracija.
sortiranje mjehurićima u Javi
Primjer1
U ovom primjeru dodajemo a href atribut s vrijednošću od 'https://www.javatpoint.com/' prema označiti sa id = 'link' .
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 Testirajte sada Izlaz
Nakon izvršenja gornjeg koda, izlaz će biti -
Vidimo da se prije klika na zadani gumb poveznica ne kreira. Nakon klika na gumb, izlaz će biti -
Sada možemo vidjeti da je veza stvorena.
Primjer2
U ovom primjeru ažuriramo vrijednost postojećeg atributa pomoću setAtribute() metoda. Ovdje pretvaramo tekstualno polje u gumb promjenom vrijednosti tip atribut iz tekst do dugme .
Moramo kliknuti navedeni gumb da bismo vidjeli učinak.
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 Testirajte sada Izlaz
Nakon izvršenja gornjeg koda, izlaz će biti -
Nakon klika na gumb, izlaz će biti -
pokazivač u c
Primjer3
Ovdje dodajemo Boolean atribut onemogućeno da biste onemogućili navedeni gumb. Ako postavimo vrijednost onemogućeno praznom nizu, tada se automatski postavlja na true što uzrokuje onemogućavanje gumba.
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 Testirajte sada Izlaz
Nakon izvršenja gornjeg koda, izlaz će biti -
Nakon klika na gumb, izlaz će biti -
