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