HTML DOMTokenList ਐਡ() ਮੈਥਡ
- ਪਿੱਛਲਾ ਪੰਨਾ 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
