Det setAttribute() metode bruges til at angive eller tilføje en attribut til et bestemt element og giver en værdi til det. Hvis attributten allerede eksisterer, indstiller eller ændrer den kun værdien af attributten. Så vi kan også bruge setAttribute() metode til at opdatere den eksisterende attributs værdi. Hvis den tilsvarende attribut ikke findes, vil den oprette en ny attribut med det angivne navn og den angivne værdi. Denne metode returnerer ingen værdi. Attributnavnet konverteres automatisk til små bogstaver, når vi bruger det på et HTML-element.
Selvom vi kan tilføje stil attribut ved hjælp af setAttribute() metode, men det anbefales ikke at bruge denne metode til styling. Til tilføjelse af stilarter kan vi bruge egenskaberne for stilobjektet, som effektivt vil ændre stilen. Det kan være tydeligt med følgende kode.
Forkert måde
Det anbefales ikke at bruge det til at ændre stilen.
element.setAttribute('style', 'background-color: blue;');
Korrekt måde
heltal til streng i java
Den korrekte måde at ændre stilen på er angivet nedenfor.
element.setAttribute.backgroundColor = 'blue';
For at få værdien af en attribut kan vi bruge getAttribute() metode, og for at fjerne en specifik attribut fra et element, kan vi bruge removeAttribute() metode.
multiline kommentar powershell
Hvis vi tilføjer en boolsk attribut som f.eks handicappet , så uanset værdien det har, betragtes det altid som rigtigt . Hvis vi har brug for at indstille værdien af den boolske attribut til falsk , skal vi fjerne hele attributten ved hjælp af removeAttribute() metode .
Syntaks
element.setAttribute(attributeName, attributeValue)
Argumenterne for denne metode er ikke valgfrie. Begge parametre skal inkluderes ved brug af denne metode. Parameterværdierne for denne metode er defineret som følger.
Parameterværdier
attributnavn: Det er navnet på den attribut, vi ønsker at tilføje til et element. Det kan ikke stå tomt; dvs. det er ikke valgfrit.
attributValue: Det er værdien af attributten, som vi tilføjer til et element. Det er heller ikke en valgfri værdi.
Lad os forstå, hvordan man bruger setAttribute() metode ved at bruge nogle illustrationer.
Eksempel 1
I dette eksempel tilføjer vi en href attribut med en værdi på 'https://www.javatpoint.com/' til tag med 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 Test det nu Produktion
system.out.println
Efter udførelse af ovenstående kode vil outputtet være -
Vi kan se, at linket ikke er oprettet, før du klikker på den givne knap. Når du har klikket på knappen, vil outputtet være -
Nu kan vi se, at linket er oprettet.
Eksempel 2
I dette eksempel opdaterer vi værdien af en eksisterende attribut ved hjælp af setAttribute() metode. Her konverterer vi et tekstfelt til en knap ved at ændre værdien af type attribut fra tekst til knap .
java arrayliste
Vi skal klikke på den angivne knap for at se effekten.
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 Test det nu Produktion
Efter udførelse af ovenstående kode vil outputtet være -
Når du har klikket på knappen, vil outputtet være -
Eksempel 3
Her tilføjer vi en boolsk attribut handicappet for at deaktivere den angivne knap. Hvis vi sætter værdien af handicappet attribut til en tom streng, så sættes den automatisk til sand, hvilket medfører, at knappen deaktiveres.
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 Test det nu Produktion
smukkeste smil
Efter udførelse af ovenstående kode vil outputtet være -
Når du har klikket på knappen, vil outputtet være -
