classList অবজেক্টের toggle মেথড
classList অবজেক্টের toggle মেথডটি
এলিমেন্টের একটি নির্দিষ্ট CSS ক্লাস পর্যায়ক্রমে পরিবর্তন করে: ক্লাসটি যোগ করে
যদি এটি না থাকে এবং সরিয়ে দেয় যদি এটি থাকে।
সিনট্যাক্স
element.classList.contains(class);
উদাহরণ
এই উদাহরণে, toggle মেথড ব্যবহার করার সময়
zzz ক্লাসটি সরিয়ে দেওয়া হবে, কারণ
এটি ইতিমধ্যেই এলিমেন্টে রয়েছে:
<p id="elem" class="www ggg zzz"></p>
let elem = document.querySelector('#elem');
elem.classList.toggle('zzz');
কোড 실행ের ফলাফল:
<p id="elem" class="www ggg"></p>
উদাহরণ
এই উদাহরণে, toggle মেথড ব্যবহার করার সময়
zzz ক্লাসটি যোগ হবে, কারণ
এটি এলিমেন্টে নেই:
<p id="elem" class="www ggg"></p>
let elem = document.querySelector('#elem');
elem.classList.toggle('zzz');
কোড 실행ের ফলাফল:
<p id="elem" class="www ggg zzz"></p>
আরও দেখুন
-
classList.addমেথড,
যেটি একটি নির্দিষ্ট ক্লাস যোগ করে -
classList.removeমেথড,
যেটি একটি নির্দিষ্ট ক্লাস সরিয়ে দেয় -
classList.containsমেথড,
যেটি একটি নির্দিষ্ট ক্লাস পরীক্ষা করে
