Na tuto otázku neexistuje jediná odpověď, protože oba jazyky přistupují k přiřazení a manipulaci s proměnnými různými způsoby. Obecně řečeno, jeden problém při pokusu o změnu proměnné CSS pomocí JavaScriptu spočívá v tom, že tyto dva jazyky používají různé syntaxe pro deklarování proměnných a přístup k nim. Kromě toho jsou proměnné CSS obvykle definovány na úrovni šablony stylů spíše než na úrovni jednotlivých prvků, což může znesnadnit přístup k nim z kódu JavaScript.
var element = document.getElementById("element");
element.style.setProperty("--variable", "new-value");
Tento řádek kódu nastavuje novou hodnotu pro proměnnou CSS. První řádek dostane prvek s ID „element“. Druhý řádek nastavuje hodnotu CSS proměnné „–variable“ na „new-value“.
CSS proměnné
Proměnné CSS představují skvělý způsob, jak ukládat data do souborů CSS, aniž byste museli používat globální proměnné. Můžete je použít k uložení informací, jako je šířka nebo výška aktuální stránky nebo aktuální velikost písma.
Chcete-li v kódu JavaScript použít proměnnou CSS, musíte nejprve do šablony stylů dokumentu zahrnout vlastnost css. Poté můžete definovat proměnnou pomocí klíčového slova var:
var width = document.getElementById(“myElement”).offsetWidth;
Pro přístup k jednotlivým hodnotám z proměnné můžete také použít vlastnost css:
var width = document.getElementById(“myElement”).offsetWidth; var height = document.getElementById(“myElement”).offsetHeight;
Ovládání CSS
V JavaScriptu existuje několik způsobů, jak ovládat CSS. Jedním ze způsobů je použití vlastnosti css. Tato vlastnost umožňuje nastavit styl pro konkrétní prvek v dokumentu.
Dalším způsobem ovládání CSS je použití vlastnosti style. Tato vlastnost umožňuje nastavit styl pro všechny prvky v dokumentu.
