Тхе сетАттрибуте() метода се користи за постављање или додавање атрибута одређеном елементу и даје му вредност. Ако атрибут већ постоји, он само поставља или мења вредност атрибута. Дакле, можемо користити и сетАттрибуте() метод за ажурирање вредности постојећег атрибута. Ако одговарајући атрибут не постоји, креираће нови атрибут са наведеним именом и вредношћу. Овај метод не враћа никакву вредност. Име атрибута се аутоматски претвара у мала слова када га користимо на ХТМЛ елементу.
Иако можемо додати и стил атрибут користећи сетАттрибуте() метод, али се препоручује да се овај метод не користи за стилизовање. За додавање стилова можемо користити својства стилског објекта који ће ефективно променити стил. То може бити јасно са следећим кодом.
Нетачан начин
Препоручује се да га не користите за промену стила.
низ стрингова у ц програмирању
element.setAttribute('style', 'background-color: blue;');
Исправан начин
Исправан начин да промените стил је дат у наставку.
element.setAttribute.backgroundColor = 'blue';
Да бисмо добили вредност атрибута, можемо користити гетАттрибуте() метод, а да бисмо уклонили одређени атрибут из елемента, можемо користити ремовеАтррибуте() методом.
Ако додајемо Булов атрибут као што је онеспособљени , онда какву год вредност има, увек се сматра као истина . Ако захтевамо да поставимо вредност Буловог атрибута на лажно , морамо уклонити цео атрибут користећи ремовеАттрибуте() методом .
Синтакса
element.setAttribute(attributeName, attributeValue)
Аргументи ове методе нису опциони. Оба параметра морају бити укључена када се користи овај метод. Вредности параметара ове методе су дефинисане на следећи начин.
Вредности параметара
аттрибутеНаме: То је назив атрибута који желимо да додамо елементу. Не може остати празан; тј. није опционо.
аттрибутеВалуе: То је вредност атрибута који додајемо елементу. Такође није опциона вредност.
Хајде да разумемо како да користимо сетАттрибуте() методом коришћењем неких илустрација.
Пример1
У овом примеру додајемо а хреф атрибут са вредношћу од 'хттпс://ввв.јаватпоинт.цом/' до таг витх ид = 'линк' .
за басх петље
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 Тестирајте одмах Излаз
Након извршења горњег кода, излаз ће бити -
Видимо да пре клика на дато дугме, веза није креирана. Након што кликнете на дугме, излаз ће бити -
Сада можемо видети да је веза направљена.
Пример2
У овом примеру ажурирамо вредност постојећег атрибута користећи сетАттрибуте() методом. Овде претварамо текстуално поље у дугме променом вредности тип атрибут из текст до дугме .
Морамо да кликнемо на наведено дугме да бисмо видели ефекат.
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 Тестирајте одмах Излаз
Након извршења горњег кода, излаз ће бити -
Након што кликнете на дугме, излаз ће бити -
Пример3
Овде додајемо Булов атрибут онеспособљени да бисте онемогућили наведено дугме. Ако поставимо вредност онеспособљени атрибут празном стрингу, онда се аутоматски поставља на тачно што узрокује да дугме буде онемогућено.
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 Тестирајте одмах Излаз
јавасцрипт трим
Након извршења горњег кода, излаз ће бити -
Након што кликнете на дугме, излаз ће бити -
