classList गुण

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

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

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

तत्व.classList;

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

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

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

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

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

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

3

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

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

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

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

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

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

'www'
'ggg'
'zzz'

यह भी देखें

classList.add विधि,
जो दी गई कक्षा को जोड़ती है
classList.remove विधि,
जो दी गई कक्षा को हटाती है
classList.contains विधि,
जो दी गई कक्षा की जांच करती है
classList.toggle विधि,
जो दी गई कक्षा को बारी-बारी से लागू/हटाती है