Ayikho impendulo eyodwa kulo mbuzo njengoba lezi zilimi ezimbili zisondela ekwabeni okuguquguqukayo kanye nokukhohlisa ngezindlela ezahlukene. Ngokuvamile, nokho, inkinga eyodwa yokuzama ukushintsha okuguquguqukayo kwe-CSS nge-JavaScript ukuthi lezi zilimi ezimbili zisebenzisa ama-syntaxes ahlukene ekumemezeleni nasekufinyeleleni okuguquguqukayo. Ukwengeza, okuguquguqukayo kwe-CSS kuvame ukuchazwa kuleveli yeshidi lesitayela kuneleveli ye-elementi ngayinye, okungabenza kube nzima ukufinyelela kukho ngaphakathi kwekhodi ye-JavaScript.
var element = document.getElementById("element");
element.style.setProperty("--variable", "new-value");
Lo mugqa wekhodi ubeka inani elisha lokuhluka kwe-CSS. Umugqa wokuqala uthola isici esine-ID "yesici". Umugqa wesibili ubeka inani lokuhluka kwe-CSS “–variable” kuya “inani elisha”.
Izinguquko ze-CSS
Okuguquguqukayo kwe-CSS kuyindlela enhle yokugcina idatha kumafayela akho e-CSS ngaphandle kokusebenzisa okuguquguqukayo komhlaba. Ungazisebenzisa ukugcina ulwazi olufana nobubanzi noma ubude bekhasi lamanje, noma usayizi wefonti wamanje.
Ukuze usebenzise okuguquguqukayo kwe-CSS kukhodi yakho ye-JavaScript, udinga kuqala ukufaka isici se-css eshidini lesitayela sedokhumenti yakho. Ngemuva kwalokho, ungachaza okuguquguqukayo usebenzisa igama elingukhiye elithi var:
var width = document.getElementById(“myElement”).offsetWidth;
Ungasebenzisa futhi isakhiwo se-css ukuze ufinyelele amanani angawodwana kusukela kokuhlukile:
var width = document.getElementById(“myElement”).offsetWidth; var height = document.getElementById(“myElement”).offsetHeight;
Lawula i-CSS
Ku-JavaScript, kunezindlela ezimbalwa zokulawula i-CSS. Enye indlela iwukusebenzisa impahla ye-css. Lesi sici sikuvumela ukuthi usethe isitayela sesici esithile kudokhumenti yakho.
Enye indlela yokulawula i-CSS ukusebenzisa isakhiwo sesitayela. Lesi sici sikuvumela ukuthi usethe isitayela sazo zonke izici kudokhumenti yakho.
