JavaScript DOM में बिल्ट-इन क्लासेस

DOM एलिमेंट्स भी बिल्ट-इन क्लासेस के ऑब्जेक्ट्स होते हैं। आइए एक उदाहरण से देखते हैं। मान लीजिए हमारे पास एक पैराग्राफ है:

<p>text</p>

इसे एक वेरिएबल में रेफरेंस प्राप्त करें:

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

इस पैराग्राफ को कंसोल में आउटपुट करें:

console.log(elem);

अब अपने पैराग्राफ के प्रॉपर्टीज़ और मेथड्स की लिस्ट देखें:

console.dir(elem);

यह निर्धारित किया जा सकता है कि हमारा पैराग्राफ किस क्लास से संबंधित है। इसके लिए प्रॉपर्टीज़ की लिस्ट में एक विशेष प्रॉपर्टी [[Prototype]] ढूंढनी होगी। इसमें हम देखते हैं कि पैराग्राफ क्लास HTMLParagraphElement से संबंधित है। इसे जांचें:

console.log(elem instanceof HTMLParagraphElement); // true

निम्नलिखित कोड के निष्पादन के परिणाम का अध्ययन करें:

<div>text</div>

let elem = document.querySelector('div');
console.dir(elem);

निर्धारित करें कि यह टैग किस क्लास से संबंधित है।

निम्नलिखित कोड के निष्पादन के परिणाम का अध्ययन करें:

<input>

let elem = document.querySelector('input');
console.dir(elem);

निर्धारित करें कि यह टैग किस क्लास से संबंधित है।

निम्नलिखित कोड के निष्पादन के परिणाम का अध्ययन करें:

<div>text</div>
<div>text</div>
<div>text</div>

let elems = document.querySelectorAll('div');
console.dir(elems);

निर्धारित करें कि परिणाम किस क्लास से संबंधित है।

निम्नलिखित कोड के निष्पादन के परिणाम का अध्ययन करें:

<div>
	<p>text</p>
	<p>text</p>
	<p>text</p>
</div>

let elem = document.querySelector('div');
let elems = elem.children;

console.dir(elems);

निर्धारित करें कि परिणाम किस क्लास से संबंधित है।