динамически настройка атрибутов стиля элемента с помощью JavaScript

модификация стилей элементов динамически с использованием JavaScript позволяет вам изменять внешний вид веб -сайта на Fly, улучшая пользовательскую интерактивность. Чтобы достичь этого, выполните следующие шаги:

• step 1: идентифицировать элемент

, используя метод getelementbyid (), извлечь элемент, который вы хотите изменить. Например, если идентификатор элемента - это «xyz», это будет Document.getElementById ("xyz").

• Шаг 2: Доступ к атрибуту стиля

, чтобы изменить стиль стиля, допустить его свойство стиля. Это возвращает объект, содержащий все атрибуты стиля.

• step 3: установить новое значение атрибута

аналогично настройке какого -либо свойства объекта, вы можете присвоить новое значение атрибуту стиля. Скажем, вы хотите изменить атрибут «накладной» на «10px»:

document.getElementById("xyz").style.padding-top = "10px";

• document.getElementById ("xyz"). Style ["Padding-top"] = "10px"; [jquery] (https://jquery.com/) или [angularjs] (https://angularjs.org/).