JavaScript OOP හි සවිඥානක පන්තිවල ධූරාවලිය

සවිඥානක පන්තිවලට ද ධූරාවලියක් ඇත. අපි උදාහරණයක් ලෙස පරිච්ඡේදයක් දෙස බලමු:

html<p>text</p>

විචල්යයකට පරිච්ඡේදය සඳහා යොමුවක් ලබා ගනිමු:

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

කොන්සෝලයේ අපගේ පරිච්ඡේදය දෙස බලමු:

javascriptconsole.dir(elem);

ඔබ දැනටමත් දන්නා පරිදි, [[Prototype]] ගුණාංගයේ පරිච්ඡේද පන්තියේ නම අඩංගු වේ. එය HTMLParagraphElement වේ. මෙම පන්තියේ ගුණාංග සහ ක්‍රම ලැයිස්තුව පුළුල් කළහොත්, පහතින් නැවතත් [[Prototype]] ගුණාංගය හමුවනු ඇත, එය දැන් මව් පන්තිය අඩංගු කරනු ඇති අතර එය HTMLElement වේ. ඒ සඳහා ද මව් පුද්ගලයෙකු සොයාගත හැකි අතර එලෙසම ඉදිරියට යන්න.

Задание 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);