O‘zgaruvchilar va JavaScript
O‘zgaruvchilarni JavaScript bilan o‘zgartirish
CSS o‘zgaruvchilari DOM’ga kirish huquqiga ega — bu ularni JavaScript bilan o‘zgartirishingiz mumkinligini anglatadi.
Oldingi sahifalardagi misolda ishlatilgan --primary-bg-color o‘zgaruvchisini ko‘rsatish va o‘zgartirish uchun skript yaratish misoli. Hozircha JavaScript bilan tanish bo‘lmasangiz xavotir olmang. Siz JavaScript haqida JavaScript darsligimizda ko‘proq bilib olishingiz mumkin:
Misol
<script>
// Get the root element
var r =
document.querySelector(':root');
// Function for getting a variable
value
function myFunction_get() {
// Get the styles (properties
and values) for the root
var rs = getComputedStyle(r);
//
Alert the value of the --primary-bg-color variable
alert("The value
of --primary-bg-color is: " + rs.getPropertyValue('--primary-bg-color'));
}
// Function for setting a variable value
function myFunction_set() {
// Set the value of variable --primary-bg-color to another value (in this case
"green")
r.style.setProperty('--primary-bg-color', 'green');
}
</script>
O‘zingiz sinab ko‘ring »
CSS var() funksiyasi
| Function | Tavsif |
|---|---|
| var() | CSS o‘zgaruvchisining qiymatini kiritadi |
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!