classList गुण

classList गुण में तत्व की CSS कक्षाओं की एक छद्म सरणी होती है, और साथ ही तत्व की कक्षाओं को जोड़ने और हटाने, तत्व की कक्षाओं के बीच किसी विशिष्ट कक्षा की उपस्थिति की जांच करने की अनुमति देता है।

यह class विशेषता के बारे में है, जिसके अंदर रिक्त स्थान से अलग किए गए कई कक्षाएं लिखी जा सकती हैं, उदाहरण के लिए www ggg zzz। classList का उपयोग करके, उदाहरण के लिए, ggg कक्षा को हटाया जा सकता है, बाकी कक्षाओं को प्रभावित किए बिना।

वाक्य - विन्यास

javascriptतत्व.classList;

उदाहरण . कक्षाओं की संख्या

आइए तत्व की कक्षाओं की संख्या जानें:

html<p id="elem" class="www ggg zzz"></p>

javascriptlet elem = document.querySelector('#elem');

let length = elem.classList.length;
console.log(length);

कोड निष्पादन का परिणाम:

javascript3

उदाहरण . कक्षाओं को पुनरावृत्त करना

आइए तत्व की कक्षाओं को एक-एक करके आउटपुट करें:

html<p id="elem" class="www ggg zzz"></p>

javascriptlet elem = document.querySelector('#elem');
let classNames = elem.classList;

for (let className of classNames) {
  console.log(className);
}

कोड निष्पादन का परिणाम:

javascript'www'
'ggg'
'zzz'

यह भी देखें