removeChild পদ্ধতি

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

সিনট্যাক্স

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

উদাহরণ

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

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

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

parent.removeChild(elem);

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

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

উদাহরণ

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

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

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

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

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

আরও দেখুন

remove পদ্ধতি,
যার সাহায্যে একটি এলিমেন্ট মুছে ফেলা যায়