Uz šo jautājumu nav vienas atbildes, jo abās valodās mainīgo piešķiršana un manipulācijas tiek veiktas dažādos veidos. Tomēr vispārīgi runājot, viena problēma, mēģinot mainīt CSS mainīgo, izmantojot JavaScript, ir tā, ka abās valodās mainīgo deklarēšanai un piekļuvei tiek izmantotas dažādas sintakses. Turklāt CSS mainīgie parasti tiek definēti stila lapas līmenī, nevis atsevišķu elementu līmenī, kas var apgrūtināt tiem piekļuvi no JavaScript koda.
var element = document.getElementById("element");
element.style.setProperty("--variable", "new-value");
Šī koda rindiņa iestata jaunu vērtību CSS mainīgajam. Pirmajā rindā tiek iegūts elements ar “elementa” ID. Otrajā rindā tiek iestatīta CSS mainīgā “–variable” vērtība uz “new-value”.
CSS mainīgie
CSS mainīgie ir lielisks veids, kā saglabāt datus savos CSS failos, neizmantojot globālos mainīgos. Varat tos izmantot, lai saglabātu tādu informāciju kā pašreizējās lapas platums vai augstums vai pašreizējais fonta lielums.
Lai JavaScript kodā izmantotu CSS mainīgo, vispirms dokumenta stila lapā ir jāiekļauj css rekvizīts. Pēc tam varat definēt mainīgo, izmantojot atslēgvārdu var:
var platums = document.getElementById(“mans elements”).offsetWidth;
Varat arī izmantot rekvizītu css, lai piekļūtu atsevišķām mainīgā vērtībām:
var platums = document.getElementById(“mans elements”).offsetWidth; var augstums = document.getElementById(“mans elements”).offsetHeight;
Kontrolējiet CSS
Programmā JavaScript ir daži veidi, kā kontrolēt CSS. Viens veids ir izmantot css īpašumu. Šis rekvizīts ļauj iestatīt stilu konkrētam dokumenta elementam.
Vēl viens veids, kā kontrolēt CSS, ir izmantot stila rekvizītu. Šis rekvizīts ļauj iestatīt stilu visiem dokumenta elementiem.
