Henteu aya jawaban tunggal pikeun patarosan ieu sabab dua basa ngadeukeutan tugas variabel sareng manipulasi dina cara anu béda. Sacara umum, kumaha oge, hiji masalah sareng nyobian ngarobih variabel CSS sareng JavaScript nyaéta yén dua basa nganggo sintaksis anu béda pikeun nyatakeun sareng ngakses variabel. Salaku tambahan, variabel CSS biasana didefinisikeun dina tingkat gaya lambar tinimbang dina tingkat unsur individu, anu tiasa ngajantenkeun aranjeunna hésé aksés tina kode JavaScript.
var element = document.getElementById("element");
element.style.setProperty("--variable", "new-value");
Garis kode ieu netepkeun nilai anyar pikeun variabel CSS. Baris kahiji meunang unsur jeung ID tina "elemen". Baris kadua susunan nilai variabel CSS "-variabel" pikeun "new-nilai".
Daptar eusi
variabel CSS
Variabel CSS mangrupikeun cara anu saé pikeun nyimpen data dina file CSS anjeun tanpa kedah nganggo variabel global. Anjeun tiasa nganggo aranjeunna pikeun nyimpen inpormasi sapertos lebar atanapi jangkungna halaman ayeuna, atanapi ukuran font ayeuna.
Pikeun nganggo variabel CSS dina kode JavaScript anjeun, anjeun kedah ngalebetkeun properti css dina lambaran gaya dokumen anjeun. Teras, anjeun tiasa netepkeun variabel nganggo kecap konci var:
var lebar = document.getElementById("myElement").offsetWidth;
Anjeun ogé tiasa nganggo harta css pikeun ngaksés nilai individu tina variabel:
var lebar = document.getElementById("myElement").offsetWidth; var jangkungna = document.getElementById("myElement").offsetHeight;
Kontrol CSS
Dina JavaScript, aya sababaraha cara pikeun ngadalikeun CSS. Salah sahiji cara nyaéta nganggo properti css. Sipat ieu ngamungkinkeun anjeun nyetél gaya pikeun unsur khusus dina dokumen anjeun.
Cara séjén pikeun ngadalikeun CSS nyaéta ngagunakeun harta gaya. Sipat ieu ngamungkinkeun anjeun nyetél gaya pikeun sadaya elemen dina dokumén anjeun.
