CSS استخدام JavaScript لتغيير المتغيرات

Amfani da JavaScript domin gudanar da kiyawar

Kiyawar CSS za a iya samun DOM, kuma ana amfani da JavaScript domin samun su.

Tarihin wannan yana bana hanci kan harsashin samun da gudanar da kiyawar --blue da kuma ana amfani da shi a tarihin wasan kwaikwayo da kai tsaye. Bana, inda ka ba da izini, ba koyaushe ba. Ka iya samun kimiyyar JavaScript a tarin JavaScript na hankalin:

Shirin

<script>
// Nuniya asalin
var r = document.querySelector(':root');
// Ana hanci a kan samun kiyawarar
function myFunction_get() {
  // Nuniya sabuntoci (karakter da nau'war) wa root
  var rs = getComputedStyle(r);
  // Koyar da kiyawarar ga'a ga --blue
  alert("Kiyawarar da jumullar --blue shine: " + rs.getPropertyValue('--blue'));
}
// أنشئ وظيفة لضبط قيمة المتغير
function myFunction_set() {
  // ضع قيمة المتغير --blue في قيمة أخرى (في هذه الحالة "lightblue")
  r.style.setProperty('--blue', 'lightblue');
}
</script>

تجربة شخصية

دعم المتصفح

الرقم في الجدول يوضح إصدار المتصفح الذي يدعم هذا الخصائص بشكل كامل.

الوظيفة
var() 49.0 15.0 31.0 9.1 36.0

CSS var() وظيفة

الوظيفة الوصف
var() إدراج قيمة المتغير CSS