The setAttribute() -menetelmää käytetään määritteen asettamiseen tai lisäämiseen tiettyyn elementtiin ja antaa sille arvo. Jos attribuutti on jo olemassa, se vain asettaa tai muuttaa määritteen arvoa. Joten voimme myös käyttää setAttribute() menetelmä nykyisen määritteen arvon päivittämiseksi. Jos vastaavaa määritettä ei ole olemassa, se luo uuden määritteen määritetyllä nimellä ja arvolla. Tämä menetelmä ei palauta mitään arvoa. Attribuutin nimi muuttuu automaattisesti pieniksi, kun käytämme sitä HTML-elementissä.
Vaikka voimme lisätä tyyli attribuuttia käyttämällä setAttribute() menetelmää, mutta on suositeltavaa olla käyttämättä tätä menetelmää muotoiluun. Tyylien lisäämiseen voimme käyttää tyyliobjektin ominaisuuksia, jotka muuttavat tyyliä tehokkaasti. Se voi olla selvää seuraavalla koodilla.
Väärä tapa
On suositeltavaa olla käyttämättä sitä tyylin vaihtamiseen.
element.setAttribute('style', 'background-color: blue;');
Oikea tapa
Oikea tapa muuttaa tyyliä on alla.
staattinen vuonna c
element.setAttribute.backgroundColor = 'blue';
Määritteen arvon saamiseksi voimme käyttää getAttribute() -menetelmää ja poistaaksesi tietyn attribuutin elementistä, voimme käyttää poistaAtrribute() menetelmä.
Jos lisäämme Boolen attribuutin, kuten liikuntarajoitteinen , niin sen arvosta riippumatta sitä pidetään aina sellaisena totta . Jos meidän on asetettava Boolen attribuutin arvoksi väärä , meidän on poistettava koko määrite käyttämällä RemoveAttribute() menetelmä .
Syntaksi
element.setAttribute(attributeName, attributeValue)
Tämän menetelmän argumentit eivät ole valinnaisia. Molemmat parametrit on sisällytettävä tätä menetelmää käytettäessä. Tämän menetelmän parametriarvot määritellään seuraavasti.
Parametrien arvot
ominaisuuden nimi: Se on attribuutin nimi, jonka haluamme lisätä elementtiin. Sitä ei voi jättää tyhjäksi; eli se ei ole valinnainen.
attribuuttiValue: Se on attribuutin arvo, jonka lisäämme elementtiin. Se ei myöskään ole valinnainen arvo.
Ymmärretään kuinka käyttää setAttribute() menetelmää käyttämällä joitain kuvia.
Esimerkki1
Tässä esimerkissä lisäämme a href attribuutti, jonka arvo on 'https://www.javatpoint.com/' kohtaan merkitse kanssa id = 'linkki' .
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 Testaa nyt Lähtö
Yllä olevan koodin suorittamisen jälkeen tulos on -
testaus ja testaustyypit
Näemme, että linkkiä ei luoda ennen kuin napsautat annettua painiketta. Kun napsautat painiketta, tulos on -
Nyt voimme nähdä, että linkki on luotu.
Esimerkki2
Tässä esimerkissä päivitämme olemassa olevan attribuutin arvon käyttämällä setAttribute() menetelmä. Tässä muunnetaan tekstikenttä painikkeeksi muuttamalla arvoa tyyppi attribuutti alkaen teksti kohtaan -painiketta .
Meidän on napsautettava määritettyä painiketta nähdäksemme vaikutuksen.
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 Testaa nyt Lähtö
pyspark opetusohjelma
Yllä olevan koodin suorittamisen jälkeen tulos on -
Kun napsautat painiketta, tulos on -
Esimerkki3
Tässä lisäämme Boolen attribuutin liikuntarajoitteinen poistaaksesi määritetyn painikkeen käytöstä. Jos asetamme arvon liikuntarajoitteinen attribuutti tyhjään merkkijonoon, se asetetaan automaattisesti arvoon tosi, mikä saa painikkeen pois päältä.
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 Testaa nyt Lähtö
Yllä olevan koodin suorittamisen jälkeen tulos on -
Kun napsautat painiketta, tulos on -
