JavaScript DOM ශ්රේණිගත කළ සහචර පන්ති
DOM මූලද්රව්ය ද සහචර පන්තිවල වස්තු සඳහා නියෝජනය කරයි. අපි උදාහරණයක් බලමු. අපට ඡේදයක් තිබිය හැකිය:
<p>text</p>
එය විචල්යයකට යොමු කර ගනිමු:
let elem = document.querySelector('p');
මෙම ඡේදය console වෙත ප්රතිදානය කරමු:
console.log(elem);
දැන් අපි අපගේ ඡේදයේ ගුණාංග සහ ක්රම ලැයිස්තුව දෙස බලමු:
console.dir(elem);
අපගේ ඡේදය කුමන පන්තියට අයත්දැයි
තීරණය කළ හැකිය. මේ සඳහා
ගුණාංග ලැයිස්තුවේ විශේෂ
ගුණය [[Prototype]] සොයා බැලිය යුතුය. එහිදී අපි
දකින්නේ ඡේදය
HTMLParagraphElement පන්තියට අයත් බවයි.
මෙය පරීක්ෂා කර බලමු:
console.log(elem instanceof HTMLParagraphElement); // true
පහත කේතය ක්රියාත්මක කිරීමේ ප්රතිඵලය අධ්යයනය කරන්න:
<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);
ප්රතිඵලය කුමන පන්තියට අයත්දැයි තීරණය කරන්න.
