classList অবজেক্টের toggle মেথড

classList অবজেক্টের toggle মেথডটি এলিমেন্টের একটি নির্দিষ্ট CSS ক্লাস পর্যায়ক্রমে পরিবর্তন করে: ক্লাসটি যোগ করে যদি এটি না থাকে এবং সরিয়ে দেয় যদি এটি থাকে।

সিনট্যাক্স

javascriptelement.classList.contains(class);

উদাহরণ

এই উদাহরণে, toggle মেথড ব্যবহার করার সময় zzz ক্লাসটি সরিয়ে দেওয়া হবে, কারণ এটি ইতিমধ্যেই এলিমেন্টে রয়েছে:

html<p id="elem" class="www ggg zzz"></p>

javascriptlet elem = document.querySelector('#elem');
elem.classList.toggle('zzz');

কোড 실행ের ফলাফল:

html<p id="elem" class="www ggg"></p>

উদাহরণ

এই উদাহরণে, toggle মেথড ব্যবহার করার সময় zzz ক্লাসটি যোগ হবে, কারণ এটি এলিমেন্টে নেই:

html<p id="elem" class="www ggg"></p>

javascriptlet elem = document.querySelector('#elem');
elem.classList.toggle('zzz');

কোড 실행ের ফলাফল:

html<p id="elem" class="www ggg zzz"></p>

আরও দেখুন