Yakagadziriswa: maitiro ekushandura css kusiyanisa nejavascript

Iko hakuna mhinduro imwe chete kumubvunzo uyu sezvo mitauro miviri inosvika pakugovaniswa uye kushandiswa nenzira dzakasiyana. Kazhinji kutaura, zvisinei, imwe nyaya yekuedza kushandura shanduko yeCSS neJavaScript ndeyekuti mitauro miviri iyi inoshandisa masitaksi akasiyana ekuzivisa uye kuwana zvinoshanduka. Pamusoro pezvo, maCSS akasiyana anowanzo kutsanangurwa padanho reshizha pane padanho remunhu, izvo zvinogona kuita kuti zviome kuwana kubva mukati meJavaScript kodhi.

var element = document.getElementById("element");
element.style.setProperty("--variable", "new-value");

Iyi kodhi mutsara iri kuseta kukosha kutsva kweiyo CSS chinja. Mutsetse wekutanga unowana chinhu chine ID ye "element". Mutsara wechipiri unoisa kukosha kweCSS kushanduka "-variable" kune "nyowani-kukosha".

CSS zvakasiyana

CSS vhezheni inzira huru yekuchengetedza data mumafaira ako eCSS pasina kushandisa machinjiro epasi rose. Unogona kuzvishandisa kuchengetedza ruzivo sehupamhi hwepeji kana kureba, kana saizi yefonti iripo.

Kuti ushandise shanduko yeCSS mune yako JavaScript kodhi, iwe unofanirwa kutanga waisa iyo css pfuma mugwaro remaitiro pepa rako. Zvadaro, unogona kutsanangura shanduko uchishandisa var keyword:

var width = document.getElementById(“myElement”).offsetWidth;

Iwe unogona zvakare kushandisa iyo css pfuma kuwana hunhu hwemunhu kubva pane inosiyana:

var width = document.getElementById(“myElement”).offsetWidth; var urefu = document.getElementById(“myElement”).offsetHeight;

Kudzora CSS

MuJavaScript, pane nzira shoma dzekudzora CSS. Imwe nzira ndeye kushandisa css pfuma. Ichi chivakwa chinokutendera iwe kuseta chimiro chechimwe chinhu mugwaro rako.

Imwe nzira yekudzora CSS ndeye kushandisa chimiro chivakwa. Ichi chivakwa chinokutendera iwe kuseta maitiro ezvese zvinhu mugwaro rako.

Related posts:

Leave a Comment