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
