The setAttribute() метод се използва за задаване или добавяне на атрибут към конкретен елемент и предоставя стойност към него. Ако атрибутът вече съществува, той само задава или променя стойността на атрибута. Така че можем също да използваме setAttribute() метод за актуализиране на стойността на съществуващия атрибут. Ако съответният атрибут не съществува, той ще създаде нов атрибут с указаното име и стойност. Този метод не връща никаква стойност. Името на атрибута автоматично се преобразува в малки букви, когато го използваме в HTML елемент.
Въпреки че можем да добавим стил атрибут с помощта на setAttribute() метод, но се препоръчва да не използвате този метод за стилизиране. За добавяне на стилове можем да използваме свойствата на стиловия обект, които ефективно ще променят стила. Може да стане ясно със следния код.
Неправилен начин
Препоръчително е да не го използвате за промяна на стила.
element.setAttribute('style', 'background-color: blue;');
Правилният начин
шехзад пунавала
Правилният начин за промяна на стила е даден по-долу.
element.setAttribute.backgroundColor = 'blue';
За да получим стойността на атрибут, можем да използваме getAttribute() метод и за да премахнем конкретен атрибут от елемент, можем да използваме removeAtrribute() метод.
bash масиви
Ако добавяме булев атрибут като хора с увреждания , тогава каквато и да е стойността му, винаги се счита за вярно . Ако изискваме да зададем стойността на булевия атрибут на невярно , трябва да премахнем целия атрибут с помощта на removeAttribute() метод .
Синтаксис
element.setAttribute(attributeName, attributeValue)
Аргументите на този метод не са задължителни. И двата параметъра трябва да бъдат включени, когато използвате този метод. Стойностите на параметрите на този метод са дефинирани както следва.
Стойности на параметрите
име на атрибут: Това е името на атрибута, който искаме да добавим към даден елемент. Не може да се остави празно; т.е. не е по избор.
атрибутВалу: Това е стойността на атрибута, който добавяме към даден елемент. Също така не е незадължителна стойност.
Нека разберем как да използваме setAttribute() метод, като използвате някои илюстрации.
Пример1
В този пример добавяме a href атрибут със стойност на „https://www.javatpoint.com/“ към етикет с id = 'връзка' .
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 Тествайте сега Изход
как да използвате mysql workbench
След изпълнението на горния код, изходът ще бъде -
Виждаме, че преди щракване върху дадения бутон връзката не се създава. След като щракнете върху бутона, изходът ще бъде -
Сега можем да видим, че връзката е създадена.
Пример2
В този пример ние актуализираме стойността на съществуващ атрибут с помощта на setAttribute() метод. Тук преобразуваме текстово поле в бутон, като променяме стойността на Тип атрибут от текст да се бутон .
jdbc
Трябва да щракнем върху посочения бутон, за да видим ефекта.
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
Тук добавяме булев атрибут хора с увреждания за да деактивирате посочения бутон. Ако зададем стойността на хора с увреждания към празен низ, тогава той автоматично се задава на true, което води до деактивиране на бутона.
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 Тествайте сега Изход
преобразуване от низ в int в java
След изпълнението на горния код, изходът ще бъде -
След като щракнете върху бутона, изходът ще бъде -
