HTML DOMTokenList toggle() পদ্ধতি
- পূর্ববর্তী পৃষ্ঠা supports()
- পরবর্তী পৃষ্ঠা value
- একটি স্তর উপরে ফিরে যান HTML DOMTokenList
সংজ্ঞা ও ব্যবহার
toggle() পদ্ধতি প্রদেয় ট্যাগকে তালিকা থেকে অপসারণ করে ফলাফল false ফিরায়।যদি ট্যাগ না থাকে, তবে ট্যাগ যোগ করে true ফিরায়。
প্রতিদর্শ
উদাহরণ 1
"myStyle"-এর খুলা/বন্ধ হতে পারবে:
const list = element.classList;
list.toggle("mywStyle");
উদাহরণ 2
উপাদানে "myStyle" শ্রেণী যোগ করুন:
const list = element.classList;
list.add("myStyle");
উদাহরণ 3
উপাদান থেকে "myStyle" শ্রেণী অপসারণ করুন:
const list = element.classList;
list.remove("myStyle");
উদাহরণ 4
একটি এলিমেন্টে একাধিক ক্লাস যোগ করা:
element.classList.add("myStyle", "anotherClass", "thirdClass");
উদাহরণ 5
একটি এলিমেন্ট থেকে একাধিক ক্লাস সরানো:
element.classList.remove("myStyle", "anotherClass", "thirdClass");
উদাহরণ 6
এলিমেন্টের ক্লাসের সংখ্যা পাওয়া:
let numb = element.classList.length;
উদাহরণ 7
ক্লাসের মধ্যে পার্থক্য করে ড্রপডাউন বাটন তৈরি করুন:
document.getElementById("myBtn").onclick = function() {myFunction()};
function myFunction() {
document.getElementById("myDropdown").classList.toggle("show");
}
সংজ্ঞা
domtokenlist.toggle(token)
পারামিটার
| পারামিটার | বর্ণনা |
|---|---|
| token | অপরিহার্য। পরিবর্তন করতে হলে টোকেন। |
ফলাফল
কিছুই না。
ব্রাউজার সমর্থন
domtokenlist.toggle() এটি DOM Level 4 (2015) বৈশিষ্ট্য।
এটি সমস্ত ব্রাউজারকে সমর্থন করে:
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| সমর্থন | সমর্থন | সমর্থন | সমর্থন | সমর্থন |
Internet Explorer 11 (বা আরও পুরানো সংস্করণ) domtokenlist.toggle() এক্সিসক্রিপশনটি সমর্থন করে না。
সংশ্লিষ্ট পৃষ্ঠা
- পূর্ববর্তী পৃষ্ঠা supports()
- পরবর্তী পৃষ্ঠা value
- একটি স্তর উপরে ফিরে যান HTML DOMTokenList
