CSS Kwa Mwili Kwa JavaScript

Kubadilisha variable kwa JavaScript

Mafanikio ya CSS inaweza kutumika katika DOM, kwa sababu hivi inaweza kutumika kwa JavaScript kubadilisha yake.

Mfano huu inatoa maelezo kuhusu haja kumwua script kwa kusonikisha na kubadilisha variable --blue iliyotumiwa katika maelezo ya kudumu. Hivi karibuni, kama haujifahamisha JavaScript, usikia. Unaweza kumefariki ufahamu zaidi kuhusu JavaScript katika mafunzo yetu ya JavaScript:

Mfano

<script>
// Pata elementi wa kuzingatia
var r = document.querySelector(':root');
// Kima kwa kumwua function kwa kufikia thamani ya variable
function myFunction_get() {
  // Pata muungano wa msimbo na thamani wa kuzingatia
  var rs = getComputedStyle(r);
  // Kina ingia na thamani ya variable --blue
  alert("Mwana wa --blue ni: " + rs.getPropertyValue('--blue'));
}
// Create a function to set the value of the variable
function myFunction_set() {
  // Set the value of variable --blue to another value (in this case "lightblue")
  r.style.setProperty('--blue', 'lightblue');
}
</script>

Jifunze Kwa Basi

Mwongozo wa Browser

Inaruhusiwa na thamani za browser kwa kufaa cha kwanza cha kusababisha kufikia kufaa hii.

Funguo
var() 49.0 15.0 31.0 9.1 36.0

Funguo ya CSS var()

Funguo Maelezo
var() Wingia thamani ya kifaa cha CSS.