childNodes ගුණය

childNodes ගුණය තුළ සුළු අරාව යන මූලද්‍රව්‍යයේ අනුචර නෝඩ් (ටැග, පරිකථන සහ පාඨ නෝඩ්) අඩංගු වේ.

වාක්‍ය ඛණ්ඩය

javascriptමූලද්‍රව්‍යය.childNodes;

උදාහරණය

මූලද්‍රව්‍යයේ සියලුම අනුචර නෝඩ් ලබාගෙන තිරය මත ඒවායේ අන්තර්ගතය ප්‍රදර්ශනය කරමු:

html<div id="parent">පාඨය<p>ඡේදය</p><!--පරිකථනය--></div>
javascriptlet parent = document.querySelector('#parent');
let nodes = parent.childNodes;

for (let node of nodes) {
  console.log(node.textContent);
}

උදාහරණය

පළමු නෝඩ් එකේ අන්තර්ගතය ප්‍රදර්ශනය කරමු:

html<div id="parent">පාඨය<p>ඡේදය</p><!--පරිකථනය--></div>
javascriptlet parent = document.querySelector('#parent');
console.log(parent.childNodes[0].textContent);

කේතය ක්‍රියාත්මක කිරීමේ ප්‍රතිඵලය:

javascript'පාඨය'

උදාහරණය

2 අංකය සහිත නෝඩ් එකේ අන්තර්ගතය ප්‍රදර්ශනය කරමු:

html<div id="parent">පාඨය<p>ඡේදය</p><!--පරිකථනය--></div>
javascriptlet parent = document.querySelector('#parent');
console.log(parent.childNodes[2].textContent);

කේතය ක්‍රියාත්මක කිරීමේ ප්‍රතිඵලය:

javascript'පරිකථනය'

තවද බලන්න

  • children ගුණය,
    එය අනුචර මූලද්‍රව්‍ය අඩංගු කරයි
  • firstChild ගුණය,
    එය පළමු නෝඩ් අඩංගු කරයි
  • lastChild ගුණය,
    එය අවසාන නෝඩ් අඩංගු කරයි