HTML DOMTokenList add() పద్ధతి
- ముంది పేజీ add()
- తదుపరి పేజీ contains()
- పైకి తిరిగి వెళ్ళు HTML DOMTokenList
నిర్వచనం మరియు వినియోగం
add() ఒక (లేదా అనేక) టాకెన్ (టోకెన్) ను DOMTokenList కు జోడించే విధానం.
ప్రతిమా సిద్ధి
ఉదాహరణ 1
"myStyle" క్లాసును మూలకానికి జోడించండి:
const list = element.classList;
list.add("myStyle");
ఉదాహరణ 2
"myStyle" క్లాసును మూలకం నుండి తీసివేయండి:
const list = element.classList;
list.remove("myStyle");
ఉదాహరణ 3
"myStyle" ని ఆన్/ఆఫ్ చేయండి:
const list = element.classList;
list.toggle("myStyle");
ఉదాహరణ 4
మూలకానికి అనేక క్లాసులను జోడించండి:
const list = element.classList;
list.add("myStyle", "anotherClass", "thirdClass");
ఉదాహరణ 5
ఎలిమెంట్ యొక్క క్లాస్ టాగ్ల సంఖ్యను పొందండి:
const list = element.classList; let numb = list.length;
ఉదాహరణ 6
"myDIV" ఎలిమెంట్ యొక్క క్లాస్ టాగ్ పొందండి:
const list = document.getElementById("myDIV").classList;
ఉదాహరణ 7
"myDIV" ఎలిమెంట్ యొక్క క్లాస్ టాగ్ పొందండి:
let className = element.classList.item(0);
ఉదాహరణ 8
ఎలిమెంట్ నుండి "myStyle" క్లాస్ టాగ్ ఉన్నది కాదా?
let x = element.classList.contains("myStyle");
ఉదాహరణ 9
ఇఫ్ ఎలిమెంట్ కి "myStyle" క్లాస్ టాగ్ కలిగినది అయితే, "anotherClass" ని తొలగించండి.
if (element.classList.contains("mystyle")) {
element.classList.remove("anotherClass");
ప్రయత్నించండి
సింతాక్స్domtokenlistటోకెన్.add(
)
| ) | వివరణ |
|---|---|
| టోకెన్ | అవసరం. జాబితాలో జోడించవలసిన టాగ్. |
వాటర్స్ పునఃప్రాప్తి
లేదు.
బ్రౌజర్ మద్దతు
domtokenlist.add() ఇది DOM Level 4 (2015) లక్షణం.
ఇది అన్ని బ్రౌజర్లను మద్దతు ఇస్తుంది:
| చ్రోమ్ | ఎడ్జ్ | ఫైర్ఫాక్స్ | సఫారీ | ఓపెరా |
|---|---|---|---|---|
| చ్రోమ్ | ఎడ్జ్ | ఫైర్ఫాక్స్ | సఫారీ | ఓపెరా |
| మద్దతు | మద్దతు | మద్దతు | మద్దతు | మద్దతు |
ఇంటర్నెట్ ఎక్స్ప్లోరర్ 11 (మరియు అంతకు ముంది వెర్షన్లు) ఈని మద్దతు ఇవ్వలేదు domtokenlist.add().
సంబంధిత పేజీలు
- ముంది పేజీ add()
- తదుపరి పేజీ contains()
- పైకి తిరిగి వెళ్ళు HTML DOMTokenList
