Nuk ka asnjë përgjigje të vetme për këtë pyetje pasi të dy gjuhët i qasen caktimit dhe manipulimit të variablave në mënyra të ndryshme. Në përgjithësi, megjithatë, një problem me përpjekjen për të ndryshuar një ndryshore CSS me JavaScript është se të dy gjuhët përdorin sintaksa të ndryshme për deklarimin dhe aksesin e variablave. Për më tepër, variablat CSS zakonisht përcaktohen në nivelin e fletës së stilit dhe jo në nivelin e elementeve individuale, gjë që mund ta bëjë të vështirë aksesin e tyre nga brenda kodit JavaScript.
var element = document.getElementById("element");
element.style.setProperty("--variable", "new-value");
Kjo linjë kodi po vendos një vlerë të re për një ndryshore CSS. Rreshti i parë merr elementin me ID-në e "elementit". Rreshti i dytë vendos vlerën e ndryshores CSS "–variable" në "new-value".
Variablat CSS
Variablat CSS janë një mënyrë e shkëlqyer për të ruajtur të dhënat në skedarët tuaj CSS pa pasur nevojë të përdorni variabla globale. Ju mund t'i përdorni ato për të ruajtur informacione si gjerësia ose lartësia e faqes aktuale, ose madhësia aktuale e shkronjave.
Për të përdorur një variabël CSS në kodin tuaj JavaScript, së pari duhet të përfshini veçorinë css në fletën e stilit të dokumentit tuaj. Pastaj, mund të përcaktoni variablin duke përdorur fjalën kyçe var:
var gjerësi = dokument.getElementById(“Elementi im”).offsetWidth;
Ju gjithashtu mund të përdorni veçorinë css për të hyrë në vlerat individuale nga një ndryshore:
var gjerësi = dokument.getElementById(“Elementi im”).offsetWidth; var lartësi = dokument.getElementById(“Elementi im”).offsetHeight;
Kontrollo CSS
Në JavaScript, ka disa mënyra për të kontrolluar CSS. Një mënyrë është përdorimi i vetive css. Kjo veçori ju lejon të vendosni stilin për një element specifik në dokumentin tuaj.
Një mënyrë tjetër për të kontrolluar CSS është përdorimi i vetive të stilit. Kjo veçori ju lejon të vendosni stilin për të gjithë elementët në dokumentin tuaj.
