Не постоји јединствен одговор на ово питање јер два језика приступају додељивању варијабли и манипулацији на различите начине. Уопштено говорећи, међутим, један проблем са покушајем да промените ЦСС променљиву помоћу ЈаваСцрипт-а је тај што два језика користе различите синтаксе за декларисање и приступ променљивим. Поред тога, ЦСС променљиве се обично дефинишу на нивоу листа стилова, а не на нивоу појединачног елемента, што им може отежати приступ из ЈаваСцрипт кода.
var element = document.getElementById("element"); element.style.setProperty("--variable", "new-value");
Ова линија кода поставља нову вредност за ЦСС променљиву. Први ред добија елемент са ИД-ом „елемента“. Други ред поставља вредност ЦСС променљиве „–варијабле“ на „нев-валуе“.
ЦСС променљиве
ЦСС променљиве су одличан начин за чување података у вашим ЦСС датотекама без употребе глобалних променљивих. Можете их користити за чување информација као што су ширина или висина тренутне странице или тренутна величина фонта.
Да бисте користили ЦСС променљиву у свом ЈаваСцрипт коду, прво морате да укључите цсс својство у листу стилова документа. Затим можете дефинисати променљиву користећи кључну реч вар:
вар видтх = доцумент.гетЕлементБиИд(“миЕлемент”).оффсетВидтх;
Такође можете користити својство цсс за приступ појединачним вредностима из променљиве:
вар видтх = доцумент.гетЕлементБиИд(“миЕлемент”).оффсетВидтх; вар висина = доцумент.гетЕлементБиИд(“миЕлемент”).оффсетХеигхт;
Контролишите ЦСС
У ЈаваСцрипт-у постоји неколико начина за контролу ЦСС-а. Један од начина је коришћење својства цсс. Ово својство вам омогућава да подесите стил за одређени елемент у вашем документу.
Други начин контроле ЦСС-а је коришћење својства стила. Ово својство вам омогућава да подесите стил за све елементе у вашем документу.