The setAttribute() metoda este folosită pentru a seta sau adăuga un atribut unui anumit element și îi oferă o valoare. Dacă atributul există deja, acesta stabilește sau modifică doar valoarea atributului. Deci, putem folosi și setAttribute() metoda de actualizare a valorii atributului existent. Dacă atributul corespunzător nu există, acesta va crea un nou atribut cu numele și valoarea specificate. Această metodă nu returnează nicio valoare. Numele atributului se convertește automat în litere mici atunci când îl folosim pe un element HTML.
Deși putem adăuga stil atributul folosind setAttribute() metodă, dar se recomandă să nu folosiți această metodă pentru coafare. Pentru adăugarea de stiluri, putem folosi proprietățile obiectului de stil care vor schimba efectiv stilul. Poate fi clar cu următorul cod.
Mod incorect
Este recomandat să nu-l folosiți pentru a schimba stilul.
element.setAttribute('style', 'background-color: blue;');
Drumul corect
redenumiți un folder linux
Modul corect de schimbare a stilului este prezentat mai jos.
element.setAttribute.backgroundColor = 'blue';
Pentru a obține valoarea unui atribut, putem folosi getAttribute() metoda și pentru a elimina un anumit atribut dintr-un element, putem folosi removeAtrribute() metodă.
Dacă adăugăm un atribut boolean, cum ar fi dezactivat , atunci indiferent de valoarea pe care o are, este întotdeauna considerată ca Adevărat . Dacă trebuie să setăm valoarea atributului boolean la fals , trebuie să eliminăm întregul atribut folosind removeAttribute() metodă .
js șir cu mai multe linii
Sintaxă
element.setAttribute(attributeName, attributeValue)
Argumentele acestei metode nu sunt opționale. Ambii parametri trebuie incluși atunci când utilizați această metodă. Valorile parametrilor acestei metode sunt definite după cum urmează.
Valorile parametrilor
Numele atributului: Este numele atributului pe care vrem să-l adăugăm unui element. Nu poate fi lăsat gol; adică nu este opțional.
attributeValue: Este valoarea atributului pe care îl adăugăm unui element. De asemenea, nu este o valoare opțională.
Să înțelegem cum să folosim setAttribute() metoda prin utilizarea unor ilustrații.
Exemplul 1
În acest exemplu, adăugăm un href atribut cu o valoare de „https://www.javatpoint.com/” la eticheta cu 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 Testează-l acum Ieșire
După executarea codului de mai sus, rezultatul va fi -
Putem vedea că înainte de a face clic pe butonul dat, linkul nu este creat. După ce faceți clic pe butonul, rezultatul va fi -
Acum, putem vedea că linkul este creat.
Exemplul 2
În acest exemplu, actualizăm valoarea unui atribut existent utilizând setAttribute() metodă. Aici, convertim un câmp de text într-un buton schimbând valoarea lui tip atribut din text la buton .
preity zinta
Trebuie să facem clic pe butonul specificat pentru a vedea efectul.
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 Testează-l acum Ieșire
După executarea codului de mai sus, rezultatul va fi -
După ce faceți clic pe butonul, rezultatul va fi -
Exemplul3
Aici, adăugăm un atribut boolean dezactivat pentru a dezactiva butonul specificat. Dacă setăm valoarea lui dezactivat atribut unui șir gol, apoi este setat automat la adevărat, ceea ce face ca butonul să fie dezactivat.
0,2 sub formă de fracție
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 Testează-l acum Ieșire
După executarea codului de mai sus, rezultatul va fi -
După ce faceți clic pe butonul, rezultatul va fi -
