Чтобы изменить стиль тени блока с помощью JavaScript, вы можете использовать различные методы. Вот несколько примеров:
Метод 1. Непосредственное управление свойством стиля:
var element = document.getElementById("yourElementId");
element.style.boxShadow = "2px 2px 4px rgba(0, 0, 0, 0.4)";
Метод 2. Использование манипуляций с классами:
var element = document.getElementById("yourElementId");
element.classList.add("customBoxShadowClass");
Затем определите класс CSS в своей таблице стилей:
.customBoxShadowClass {
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
}
Метод 3. Изменение встроенного стиля CSS:
var element = document.getElementById("yourElementId");
element.setAttribute("style", "box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);");