HTML DOMTokenList toggle() ਮੱਥਦਾ
- ਪਿੱਛਲਾ ਪੰਨਾ supports()
- ਅਗਲਾ ਪੰਨਾ value
- ਪਿੱਛੇ ਵਾਪਸ ਜਾਓ HTML DOMTokenList
ਪਰਿਭਾਸ਼ਾ ਅਤੇ ਵਰਤੋਂ
toggle() ਮੱਥਦਾ ਪ੍ਰਦਾਨ ਕੀਤੇ ਗਏ ਟੈਗ ਨੂੰ ਪ੍ਰਤਿਸ਼ਠਿਤ ਪੈਮਾਨੇ ਵਿੱਚ ਹਟਾ ਕੇ ਫਲਸਫਲ ਵਾਪਸ ਦਿੰਦਾ ਹੈ। ਜੇਕਰ ਟੈਗ ਮੌਜੂਦ ਨਹੀਂ ਹੈ ਤਾਂ ਉਸ ਨੂੰ ਜੋੜ ਕੇ ਫਲਸਫਲ ਵਾਪਸ ਦਿੰਦਾ ਹੈ。
ਉਦਾਹਰਣ
ਉਦਾਹਰਣ 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
