The setAttribute() metodas naudojamas atributui nustatyti arba pridėti prie konkretaus elemento ir suteikia jam reikšmę. Jei atributas jau egzistuoja, jis tik nustato arba pakeičia atributo reikšmę. Taigi, mes taip pat galime naudoti setAttribute() būdas atnaujinti esamo atributo vertę. Jei atitinkamo atributo nėra, jis sukurs naują atributą nurodytu pavadinimu ir reikšme. Šis metodas negrąžina jokios vertės. Atributo pavadinimas automatiškai paverčiamas mažosiomis raidėmis, kai jį naudojame HTML elemente.
Nors galime pridėti stilius atributas naudojant setAttribute() metodu, tačiau šio metodo modeliavimui nerekomenduojama naudoti. Norėdami pridėti stilių, galime naudoti stiliaus objekto savybes, kurios efektyviai pakeis stilių. Tai gali būti aišku naudojant šį kodą.
Neteisingas būdas
Nerekomenduojama jo naudoti norint pakeisti stilių.
element.setAttribute('style', 'background-color: blue;');
Teisingas būdas
4 mėn
Teisingas būdas pakeisti stilių pateiktas žemiau.
element.setAttribute.backgroundColor = 'blue';
Norėdami gauti atributo reikšmę, galime naudoti getAttribute() metodą ir pašalinti konkretų atributą iš elemento, galime naudoti pašalinti atributas() metodas.
Jei pridedame Būlio atributą, pvz neįgalus , tada kad ir kokią vertę jis turėtų, jis visada laikomas tiesa . Jei reikia nustatyti Būlio atributo reikšmę į klaidinga , turime pašalinti visą atributą naudodami PašalintiAttribute() metodas .
Sintaksė
element.setAttribute(attributeName, attributeValue)
Šio metodo argumentai nėra neprivalomi. Naudojant šį metodą, turi būti įtraukti abu parametrai. Šio metodo parametrų reikšmės apibrėžiamos taip.
Parametrų reikšmės
atributoName: Tai atributo, kurį norime pridėti prie elemento, pavadinimas. Jis negali būti tuščias; y., tai nėra neprivaloma.
atributoValue: Tai atributo vertė, kurią pridedame prie elemento. Tai taip pat nėra neprivaloma vertė.
Supraskime, kaip naudoti setAttribute() metodas, naudojant kai kurias iliustracijas.
1 pavyzdys
Šiame pavyzdyje pridedame a href atributas su reikšme „https://www.javatpoint.com/“ prie žymėti su id = 'nuoroda' .
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 Išbandykite dabar Išvestis
Įvykdžius aukščiau pateiktą kodą, išvestis bus -
Matome, kad prieš paspaudus duotą mygtuką nuoroda nesukuriama. Spustelėjus mygtuką, išvestis bus -
Dabar matome, kad nuoroda sukurta.
2 pavyzdys
Šiame pavyzdyje mes atnaujiname esamo atributo reikšmę naudodami setAttribute() metodas. Čia mes konvertuojame teksto lauką į mygtuką, pakeisdami reikšmę tipo atributas iš tekstą į mygtuką .
Norėdami pamatyti efektą, turime spustelėti nurodytą mygtuką.
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 Išbandykite dabar Išvestis
Įvykdžius aukščiau pateiktą kodą, išvestis bus -
Paspaudus mygtuką, išvestis bus -
išimtis tvarkanti java
3 pavyzdys
Čia pridedame Būlio atributą neįgalus norėdami išjungti nurodytą mygtuką. Jei nustatysime reikšmę neįgalus atributas tuščiai eilutei, tada jis automatiškai nustatomas į true, todėl mygtukas išjungiamas.
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 Išbandykite dabar Išvestis
Įvykdžius aukščiau pateiktą kodą, išvestis bus -
Paspaudus mygtuką, išvestis bus -
