Akukho mpendulo inye kulo mbuzo njengoko iilwimi ezimbini zisondela kwisabelo esiguquguqukayo kunye nokukhohlisa ngeendlela ezahlukeneyo. Ngokuqhelekileyo, nangona kunjalo, umba omnye wokuzama ukutshintsha i-CSS eguquguqukayo kunye neJavaScript kukuba iilwimi ezimbini zisebenzisa i-syntaxes ezahlukeneyo zokubhengeza kunye nokufikelela kwizinto eziguquguqukayo. Ukongeza, izinto eziguquguqukayo zeCSS zichazwa ngokwesiqhelo kwinqanaba lesitayile kunenqanaba lomntu ngamnye, elinokwenza kube nzima ukufikelela kwikhowudi yeJavaScript.
var element = document.getElementById("element");
element.style.setProperty("--variable", "new-value");
Lo mgca wekhowudi ubeka ixabiso elitsha lotshintsho lweCSS. Umgca wokuqala ufumana i-element kunye ne-ID ye "element". Umgca wesibini ubeka ixabiso le-CSS variable "-variable" ukuya "kwixabiso elitsha".
Iinguqu zeCSS
Izinto eziguquguqukayo zeCSS ziyindlela entle yokugcina idatha kwiifayile zakho zeCSS ngaphandle kokusebenzisa iinguqu zehlabathi. Ungazisebenzisa ukugcina ulwazi olufana nobubanzi bephepha langoku okanye ubude, okanye ubungakanani befonti yangoku.
Ukusebenzisa i-CSS eguquguqukayo kwikhowudi yakho yeJavaScript, kufuneka uqale uquke ipropathi ye-css kwiphepha lesimbo soxwebhu lwakho. Emva koko, unokuchaza ukuguquguquka usebenzisa igama elingundoqo le-var:
var width = document.getElementById(“myElement”).offsetWidth;
Ungasebenzisa kwakhona ipropathi ye-css ukufikelela kumaxabiso ngamanye ukusuka kuguquko:
var width = document.getElementById(“myElement”).offsetWidth; var height = document.getElementById(“myElement”).offsetHeight;
Lawula CSS
KwiJavaScript, kukho iindlela ezimbalwa zokulawula iCSS. Enye indlela kukusebenzisa ipropathi ye-css. Le mpahla ikuvumela ukuba usete isimbo sento ethile kuxwebhu lwakho.
Enye indlela yokulawula i-CSS kukusebenzisa ipropati yesimbo. Le mpahla ikuvumela ukuba ucwangcise isimbo sazo zonke izinto ezikuxwebhu lwakho.
