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