CSS জাভাস্ক্রিপ্ট দ্বারা ভেরিয়েবল বদলানো

ভ্যারিয়েবলকে JavaScript-এর মাধ্যমে পরিবর্তন করা

CSS ভ্যারিয়েবলগুলি DOM-এ প্রবেশ করতে পারে, অর্থাৎ আপনি তাদেরকে JavaScript-এর মাধ্যমে পরিবর্তন করতে পারেন。

এই উদাহরণ দেখিয়েছে কিভাবে --blue ভ্যারিয়েবলটি দেখানো এবং পরিবর্তন করা হয়েছে।এখন, আপনি যদি JavaScript-এর সঙ্গে পরিচিত না হলেন, নিরাশ না হবেন।আপনি JavaScript সম্পর্কে আরও জানতে আমাদের JavaScript ট্যুটোরিয়ালে আসুন:

প্রয়োগ

<script>
// রূপরেখার মূল উপাদান পাওয়ার জন্য
var r = document.querySelector(':root');
// ভ্যারিয়েবলের মূল্য পাওয়ার জন্য ফাংশন তৈরি করুন
function myFunction_get() {
  // রূপরেখা (প্রকৃতি এবং মূল্য) পাওয়ার জন্য
  var rs = getComputedStyle(r);
  // --blue ভ্যারিয়েবলের মূল্যকে অলার্ট করুন
  alert("সম্পদের --blue মূল্য: " + 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>

আপনার নিজেই চেষ্টা করুন

ব্রাউজার সমর্থন

টেবিলের সংখ্যা প্রতিষ্ঠানটি প্রথম সম্পূর্ণভাবে এই প্রতিযোগিতা সমর্থনকারী ব্রাউজার সংস্করণকে নির্দেশ করে

ফাংশন
var() 49.0 15.0 31.0 9.1 36.0

CSS var() ফাংশন

ফাংশন বর্ণনা
var() CSS ভেরিয়েবলের মান যোগ করুন。