removeChild পদ্ধতি

removeChild পদ্ধতি একটি এলিমেন্ট মুছে ফেলতে সক্ষম। এটি প্যারেন্ট এলিমেন্টে প্রয়োগ করা হয় সেই এলিমেন্টটি উল্লেখ করে যা মুছে ফেলতে হবে।

সিনট্যাক্স

javascriptপ্যারেন্ট.removeChild(এলিমেন্ট);

উদাহরণ

চলুন #elem প্যারাগ্রাফটি মুছে ফেলি। এর জন্য আমরা এর প্যারেন্ট #parent পাব এবং removeChild পদ্ধতিটি প্রাপ্ত প্যারেন্টে প্রয়োগ করব, এবং পদ্ধতির প্যারামিটার হিসেবে আমরা সেই এলিমেন্টটি পাস করব যেটি আমরা মুছে ফেলতে চাই:

html<div id="parent">
  <p id="elem">elem 1</p>
  <p>elem 2</p>
</div>

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

parent.removeChild(elem);

কোড 실행ের ফলাফল:

html<div id="parent">
  <p>elem 2</p>
</div>

উদাহরণ

যদি একটি এলিমেন্ট মুছে ফেলতে হয়, কিন্তু এর প্যারেন্টের কোন রেফারেন্স না থাকে, - তাহলে প্যারেন্টটি parentElement এর মাধ্যমে পাওয়া যাবে:

html<div>
  <p id="elem">elem 1</p>
  <p>elem 2</p>
</div>

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

কোড 실행ের ফলাফল:

html<div id="parent">
  <p>elem 2</p>
</div>

আরও দেখুন