JavaScript-dä OOP-de ýerleşik klasslaryň iýerarhiýasy

Ýerleşik klasslaryň hem iýerarhiýasy bar. Paragraph mysalynda göreliň:

html<p>tekst</p>

Paragrapha görnüşini üýtgeýjide alyň:

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

Paragraphy konsolde göreliň:

javascriptconsole.dir(elem);

Bilşiňiz ýaly, [[Prototype]] häsipinde paragraphyň klassynyň ady ýerleşýär. Bu HTMLParagraphElement. Eger bu klassyň häsiýetleriniň we usullaryň sanawyny açsaňyz, aşakda ýene [[Prototype]] häsipini taparsyňyz, bu bolsa eýe-atanyň klasyny saklar we bu HTMLElement bolar. Ona-da ata tapyp bolýar we şeýle dowam edýär.

Задание 1

Şu teg üçin klasslaryň iýerarhiýasyny öwreniň:

html<div>tekst</div>

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

Задание 2

Şu teg üçin klasslaryň iýerarhiýasyny öwreniň:

html<input>

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

Задание 3

Şu ýygyndy üçin klasslaryň iýerarhiýasyny öwreniň:

html<div>tekst</div>
<div>tekst</div>
<div>tekst</div>

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

Задание 4

Şu ýygyndy üçin klasslaryň iýerarhiýasyny öwreniň:

html<div>
  <p>tekst</p>
  <p>tekst</p>
  <p>tekst</p>
</div>

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

console.dir(elems);