removeChild ක්‍රමය

removeChild ක්‍රමය මගින් මූලද්‍රව්‍යයක් ඉවත් කළ හැකිය. මාපිය මූලද්‍රව්‍යයට අදාළ වේ ඉවත් කළ යුතු මූලද්‍රව්‍යය නිශ්චිතව දක්වමින්.

වාක්‍ය රචනය

javascriptමාපිය.removeChild(මූලද්‍රව්‍යය);

උදාහරණය

අපි #elem ඡේදය ඉවත් කරමු. මේ සඳහා එහි මාපිය #parent ලබාගෙන removeChild ක්‍රමය ලබාගත් මාපියට අදාළ කරන්න, ක්‍රමයේ පරාමිතිය ලෙස අපි ඉවත් කිරීමට අවශ්‍ය මූලද්‍රව්‍යය සම්ප්‍රේෂණය කරමු:

html<div id="parent">
  <p id="elem">මූලද්‍රව්‍ය 1</p>
  <p>මූලද්‍රව්‍ය 2</p>
</div>

javascriptlet parent = document.querySelector('#parent');
let elem = document.querySelector('#elem');

parent.removeChild(elem);

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

html<div id="parent">
  <p>මූලද්‍රව්‍ය 2</p>
</div>

උදාහරණය

මූලද්‍රව්‍යයක් ඉවත් කිරීමට අවශ්‍ය නමුත් එහි මාපියට සබැඳියක් නොමැති නම්, - මාපිය ලබා ගත හැකිය parentElement හරහා:

html<div>
  <p id="elem">මූලද්‍රව්‍ය 1</p>
  <p>මූලද්‍රව්‍ය 2</p>
</div>

javascriptlet elem = document.querySelector('#elem');
elem.parentElement.removeChild(elem);

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

html<div id="parent">
  <p>මූලද්‍රව්‍ය 2</p>
</div>

මෙයද බලන්න