The setAttribute() metode tiek izmantota, lai iestatītu vai pievienotu atribūtu konkrētam elementam un nodrošina tam vērtību. Ja atribūts jau pastāv, tas tikai iestata vai maina atribūta vērtību. Tātad, mēs varam izmantot arī setAttribute() metode esošā atribūta vērtības atjaunināšanai. Ja atbilstošais atribūts nepastāv, tas izveidos jaunu atribūtu ar norādīto nosaukumu un vērtību. Šī metode neatgriež nekādu vērtību. Atribūta nosaukums automātiski tiek pārveidots par mazajiem burtiem, kad mēs to izmantojam HTML elementā.
mašīnraksts katram
Lai gan mēs varam pievienot stils atribūtu, izmantojot setAttribute() metodi, taču ieteicams šo metodi neizmantot ieveidošanai. Stilu pievienošanai varam izmantot stila objekta īpašības, kas efektīvi mainīs stilu. Tas var būt skaidrs ar šādu kodu.
Nepareizs veids
Ieteicams to neizmantot stila maiņai.
element.setAttribute('style', 'background-color: blue;');
Pareizs veids
Pareizais veids, kā mainīt stilu, ir norādīts zemāk.
element.setAttribute.backgroundColor = 'blue';
Lai iegūtu atribūta vērtību, mēs varam izmantot getAttribute() metodi un, lai noņemtu noteiktu atribūtu no elementa, mēs varam izmantot noņemtAtribute() metodi.
Ja mēs pievienojam Būla atribūtu, piemēram, invalīds , tad neatkarīgi no tā vērtības tas vienmēr tiek uzskatīts par taisnība . Ja mums ir jāiestata Būla atribūta vērtība uz viltus , mums ir jānoņem viss atribūts, izmantojot RemoveAttribute() metodi .
Sintakse
element.setAttribute(attributeName, attributeValue)
Šīs metodes argumenti nav obligāti. Izmantojot šo metodi, ir jāiekļauj abi parametri. Šīs metodes parametru vērtības ir definētas šādi.
Parametru vērtības
atribūtiName: Tas ir atribūta nosaukums, ko mēs vēlamies pievienot elementam. To nevar atstāt tukšu; i., tas nav obligāti.
avl koki
atribūtiValue: Tā ir atribūta vērtība, ko mēs pievienojam elementam. Tā nav arī izvēles vērtība.
Sapratīsim, kā lietot setAttribute() metodi, izmantojot dažas ilustrācijas.
Piemērs1
Šajā piemērā mēs pievienojam a href atribūts ar vērtību 'https://www.javatpoint.com/' uz atzīmē ar id = 'saite' .
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 Izmēģiniet to tūlīt Izvade
Pēc iepriekš minētā koda izpildes izvade būs -
Redzam, ka pirms noklikšķināšanas uz dotās pogas saite netiek izveidota. Pēc noklikšķināšanas uz pogas izvade būs -
Tagad mēs redzam, ka saite ir izveidota.
Piemērs2
Šajā piemērā mēs atjauninām esošā atribūta vērtību, izmantojot setAttribute() metodi. Šeit mēs pārvēršam teksta lauku par pogu, mainot vērtību veids atribūts no tekstu uz pogu .
vlc lejupielādēt video no youtube
Mums ir jānoklikšķina uz norādītās pogas, lai redzētu efektu.
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 Izmēģiniet to tūlīt Izvade
Pēc iepriekš minētā koda izpildes izvade būs -
Pēc noklikšķināšanas uz pogas izvade būs -
3. piemērs
Šeit mēs pievienojam Būla atribūtu invalīds lai atspējotu norādīto pogu. Ja mēs iestatām vērtību invalīds atribūtu uz tukšu virkni, tad tas automātiski tiek iestatīts uz True, kas izraisa pogas atspējošanu.
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 Izmēģiniet to tūlīt Izvade
Pēc iepriekš minētā koda izpildes izvade būs -
Pēc noklikšķināšanas uz pogas izvade būs -
