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

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

<p>text</p>

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

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

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

console.dir(elem);

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

මෙම ටැගය සඳහා පන්තිවල ධූරාවලිය අධ්‍යයනය කරන්න:

<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);