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

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

html<p>text</p>

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

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

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

javascriptconsole.log(elem);

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

javascriptconsole.dir(elem);

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

javascriptconsole.log(elem instanceof HTMLParagraphElement); // true
Задание 1

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

html<div>text</div>
javascriptlet elem = document.querySelector('div');
console.dir(elem);

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

Задание 2

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

html<input>
javascriptlet elem = document.querySelector('input');
console.dir(elem);

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

Задание 3

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

html<div>text</div>
<div>text</div>
<div>text</div>
javascriptlet elems = document.querySelectorAll('div');
console.dir(elems);

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

Задание 4

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

html<div>
  <p>text</p>
  <p>text</p>
  <p>text</p>
</div>
javascriptlet elem = document.querySelector('div');
let elems = elem.children;

console.dir(elems);

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