CodeW3C অনলাইন টিউটোরিয়াল
HTML সিরিজ টিউটোরিয়াল
ব্রাউজার স্ক্রিপ্ট
সার্ভার স্ক্রিপ্ট
প্রোগ্রামিং টিউটোরিয়াল
XML সিরিজ টিউটোরিয়াল
ওয়েবসাইট হান্ডবুক
রেফারেন্স হান্ডবুক
কোর্স টাইমটেবিল
JS রেফারেন্স ম্যানুয়েল
JS রেফারেন্স ম্যানুয়েল (শ্রেণী ক্রম)
JS রেফারেন্স ম্যানুয়েল (অক্ষর ক্রম)
JavaScript
JS Array
JS Boolean
JS Class
JS Date
JS Error
JS গ্লোবাল
JS JSON
JS Map
JS Math
JS Number
JS Promise
JS RegExp
JS Set
JS স্ট্রিং
JS অবজেক্ট
JS অপারেটর
JS অপারেটর প্রাথমিকতা
JS স্টেটমেন্ট
JS টাইপাইজড অ্যারে
Window
উইন্ডো অবজেক্ট
Window Console
Window History
Window Location
Window Navigator
Window Screen
HTML DOM
HTML ডকুমেন্ট
HTML ইলেমেন্ট
HTML অ্যাট্রিবিউট
HTML Event
HTML Event অবজেক্ট
HTML কলেকশন
HTML NodeList
HTML DOMTokenList
HTML স্টাইল
ওয়েব API
API ক্যানভাস
API কনসোল
API Fetch
API ফুলস্ক্রিন
API জিওলোকেশন
API হিস্টোরি
API MediaQueryList
API স্টোরেজ
API ভ্যালিডেশন
API ওয়েব
HTML অবজেক্ট
<a>
<abbr>
<address>
<area>
<article>
<aside>
<audio>
<b>
<base>
<bdo>
<blockquote>
<body>
<br>
<button>
<canvas>
<caption>
<cite>
<code>
<col>
<colgroup>
<datalist>
<dd>
<del>
<details>
<dfn>
<dialog>
<div>
<dl>
<dt>
<em>
<embed>
<fieldset>
<figcaption>
<figure>
<footer>
<form>
<head>
<header>
<h1> - <h6>
<hr>
<html>
<i>
<iframe>
<img>
<ins>
<input> button
<input> checkbox
<input> color
<input> date
<input> datetime
<input> datetime-local
<input> email
<input> file
<input> hidden
<input> image
<input> month
<input> number
<input> password
<input> radio
<input> range
<input> reset
<input> search
<input> submit
<input> text
<input> time
<input> url
<input> week
<kbd>
<label>
<legend>
<li>
<link>
<map>
<mark>
<menu>
<menuitem>
<meta>
<meter>
<nav>
<object>
<ol>
<optgroup>
<option>
<output>
<p>
<param>
<pre>
<progress>
<q>
<s>
<samp>
<script>
<section>
<select>
<small>
<source>
<span>
<strong>
<sub>
<summary>
<sup>
<table>
<tbody>
<td>
<tfoot>
<th>
<thead>
<tr>
</a></li> <li><a href="/bn/jsref/dom_obj_time.html" title="HTML DOM Time ওবজেক্ট"><time></a></li> <li><a href="/bn/jsref/dom_obj_title.html" title="HTML DOM Title ওবজেক্ট"><textarea></a></li> <li><a href="/bn/jsref/dom_obj_track.html" title="HTML DOM Track ওবজেক্ট"><time></a></li> <li><a href="/bn/jsref/dom_obj_u.html" title="HTML DOM Underline ওবজেক্ট"><title></a></li> <li><a href="/bn/jsref/dom_obj_ul.html" title="HTML DOM Ul ওবজেক্ট"><track></a></li> <li><a href="/bn/jsref/dom_obj_var.html" title="HTML DOM Variable ওবজেক্ট"><u></a></li> <li><a href="/bn/jsref/dom_obj_video.html" title="HTML DOM Video ওবজেক্ট"><ul></a></li> </ul> <h2><var></h2> <ul> <li><a href="/bn/jsref/obj_cssstyledeclaration.html" title="CSSStyleDeclaration ওবজেক্ট"><video></a></li> <li><a href="/bn/jsref/jsref_type_conversion.html" title="JavaScript ধরন রূপান্তর">JS টাইপ কনভারশন</a></li> </ul> </div> <div><h3><center> অপসারণ কোর্স </center><h3> <h2>কোর্স সুপারিশ</h2> <ul> <li><a href="/bn/howto/index.html" title="CodeW3C.com ব্যাগবান্ড">CodeW3C.com ব্যাগবান্ড</a></li> </ul> </div> </div> <div id="maincontent"> <div class="idea"> <a href="/"><button>English</button></a> <a href="/zh/"><button>中文</button></a> <a href="/oldzh/"><button>繁體中文</button></a> <a href="/ru/"><button>Русский</button></a> <a href="/fr/"><button>Français</button></a> <a href="/de/"><button>Deutsch</button></a> <a href="/es/"><button>Español</button></a> <a href="/pt/"><button>Português</button></a> <a href="/ja/"><button>日本語</button></a> <a href="/ko/"><button>한국어</button></a> <a href="/it/"><button>Italiano</button></a> <a href="/ar/"><button>عربي</button></a> <a href="/hi/"><button>हिंदी</button></a> <a href="/bn/"><button>বাংলা</button></a> <a href="/ms/"><button>Bahasa Malaysia</button></a> <a href="/my/"><button>မြန်မာ</button></a> <a href="/vi/"><button>Tiếng Việt</button></a> <a href="/th/"><button>ภาษาไทย</button></a> <a href="/lo/"><button>ລາວ</button></a> <a href="/id/"><button>Bahasa Indonesia</button></a> <a href="/ur/"><button>اردو</button></a> <a href="/ha/"><button>Hausa</button></a> <a href="/pl/"><button>Język polski</button></a> <a href="/pa/"><button>ਪੰਜਾਬੀ</button></a> <a href="/sv/"><button>Svenska</button></a> <a href="/da/"><button>Dansk</button></a> <a href="/nl/"><button>Nederlands</button></a> <a href="/tr/"><button>Türkçe</button></a> <a href="/fi/"><button>suom.</button></a> <a href="/el/"><button>Ελληνικά</button></a> <a href="/fa/"><button>فارسی</button></a> <a href="/sw/"><button>Kiswahili</button></a> <a href="/te/"><button>తెలుగు</button></a> <a href="/tl/"><button>wikang Galu</button></a> </div> <h1>HTML DOM Element removeChild() মথড</h1> <div class="prenextnav-ref"> <ul> <li> পূর্ববর্তী পৃষ্ঠা <a href="/bn/jsref/met_element_removeattributenode.html" title="HTML DOM Element removeAttributeNode() পদ্ধতি">removeAttributeNode()</a></li> <li> পরবর্তী পৃষ্ঠা <a href="/bn/jsref/met_element_removeeventlistener.html" title="HTML DOM Element removeEventListener() পদ্ধতি">removeEventListener()</a></li> <li> একটি স্তর উপরে <a href="/bn/jsref/dom_obj_all.html" title="HTML DOM Elements ওবজেক্ট">HTML DOM Elements ওবজেক্ট</a></li> </ul> </div> <div> <h2>সংজ্ঞা ও ব্যবহার</h2> <p><code>removeChild()</code> এই মথডটি ইলেকট্রনের সাব-নোডগুলি অপসারণ করে</p> <p>এই মথডটি অপসারণ করা নোডটিকে Node অবজেক্ট হিসাবে ফিরিয়ে দেয়; যদি নোডটি হোক না, তবে <code>null</code>.</p> <h3>সুঝাওয়া</h3> <p>সাব-নোডগুলি DOM থেকে অপসারণ করা হয়েছে</p> <p>কিন্তু, ফিরিয়ে আসা নোডটিকে DOM (উদাহরণ দেখুন) থেকে পুনরায় যুক্ত করা সম্ভব</p> <h3>অন্যান্য দেখুন:</h3> <p><a href="/bn/jsref/met_element_remove.html" title="HTML DOM Element remove() পদ্ধতি">remove() মথড</a></p> <p><a href="/bn/jsref/met_node_appendchild.html" title="HTML DOM Element appendChild() পদ্ধতি">appendChild() মথড</a></p> <p><a href="/bn/jsref/met_node_insertbefore.html" title="HTML DOM Element insertBefore() পদ্ধতি">insertBefore() মথড</a></p> <p><a href="/bn/jsref/met_node_replacechild.html" title="HTML DOM Element replaceChild() পদ্ধতি">replaceChild() মথড</a></p> <p><a href="/bn/jsref/prop_node_childnodes.html" title="HTML DOM Element childNodes এট্রিবিউট">childNodes এট্রিবিউট</a></p> <p><a href="/bn/jsref/prop_node_firstchild.html" title="HTML DOM Element firstChild এট্রিবিউট">firstChild এট্রিবিউট</a></p> <p><a href="/bn/jsref/prop_node_lastchild.html" title="HTML DOM Element lastChild এট্রিবিউট">lastChild এট্রিবিউট</a></p> <p><a href="/bn/jsref/prop_element_firstelementchild.html" title="HTML DOM Element firstElementChild এট্রিবিউট">firstElementChild এট্রিবিউট</a></p> <p><a href="/bn/jsref/prop_element_lastelementchild.html" title="HTML DOM Element lastElementChild 属性">lastElementChild এট্রিবিউট</a></p> </div> <div> <h2>ইনস্ট্যান্স</h2> <h3>উদাহরণ 1</h3> <p>তার সমস্ত সাব-নোড থেকে প্রথমটিকে অপসারণ করা:</p> <pre class="language-js"> const list = document.getElementById("myList"); list.removeChild(list.firstElementChild); </pre> <div class="p50" style="margin: 30px 0;"> <p>অপসারণ পূর্ব:</p> <ul> <li>Coffee</li> <li>Tea</li> <li>Milk</li> </ul> </div> <div class="p50" style="margin: 30px 0; height: 105px;"> <p>অপসারণ পরে:</p> <ul> <li>Tea</li> <li>Milk</li> </ul> </div> <p class="tiy"><a target="_blank" href="/bn/tiy/t.html?f=jsck_node_removechild_1">স্বয়ং প্রয়াস করুন</a></p> <h3>উদাহরণ 2</h3> <p>যদি তার সমস্ত সাব-নোড থাকে, তবে প্রথমটিকে (বিন্দু 0) অপসারণ করা:</p> <pre class="language-js"> const list = document.getElementById("myList"); if (list.hasChildNodes()) { list.removeChild(list.children[0]); } </pre> <p class="tiy"><a target="_blank" href="/bn/tiy/t.html?f=jsck_node_removechild_2">স্বয়ং প্রয়াস করুন</a></p> <h3>উদাহরণ 3</h3> <p>তার সমস্ত সাব-নোড থেকে অপসারণ করা:</p> <pre class="language-js"> const list = document.getElementById("myList"); while (list.hasChildNodes()) { list.removeChild(list.firstChild); } </pre> <p class="tiy"><a target="_blank" href="/bn/tiy/t.html?f=jsck_node_removechild_while">স্বয়ং প্রয়াস করুন</a></p> <h3>উদাহরণ 4</h3> <p>তার পিতৃ নোড থেকে একটি ইলেকট্রন অপসারণ করা:</p> <pre class="language-js"> element.parentNode.removeChild(element); </pre> <p class="tiy"><a target="_blank" href="/bn/tiy/t.html?f=jsck_node_removechild_3">স্বয়ং প্রয়াস করুন</a></p> <h3>উদাহরণ 5</h3> <p>তার পিতৃ ইলেকট্রনের থেকে একটি ইলেকট্রন অপসারণ করে এবং পরে পুনরায় যুক্ত করা:</p> <pre class="language-js"> const element = document.getElementById("myLI"); function removeLi() { element.parentNode.removeChild(element); } function appendLi() { const list = document.getElementById("myList"); list.appendChild(element); } </pre> <p class="tiy"><a target="_blank" href="/bn/tiy/t.html?f=jsck_node_removechild_4">স্বয়ং প্রয়াস করুন</a></p> <h3>উদাহরণ 6: টুইপ</h3> <p>মুক্ত হওয়া নোডকে একই ডকুমেন্টে যুক্ত করতে অ্যাপেন্ডচাইল্ড() বা insertBefore() ব্যবহার করুন。</p> <p>এটি document.adoptNode() বা document.importNode() দ্বারা আরেকটি ডকুমেন্টে যুক্ত করা যেতে পারে。</p> <p>এই উদাহরণটি একটি ইলেকট্রনকে তার পিতৃগ্রাহ্য থেকে মুক্ত করে এবং আরেকটি ডকুমেন্টে যুক্ত করে:</p> <pre class="language-js"> const child = document.getElementById("mySpan"); function remove() { child.parentNode.removeChild(child); } function insert() { const frame = document.getElementsByTagName("IFRAME")[0] const h = frame.contentWindow.document.getElementsByTagName("H1")[0]; const x = document.adoptNode(child); h.appendChild(x); } </pre> <p class="tiy"><a target="_blank" href="/bn/tiy/t.html?f=jsck_node_removechild_5">স্বয়ং প্রয়াস করুন</a></p> </div> <div> <h2>গ্রাফিকা</h2> <pre><i>element</i>.removeChild(<i>node</i>)</pre> <p>বা</p> <pre><i>node</i>.removeChild(<i>node</i>)</pre> <h3>পারামিটার</h3> <table class="dataintable"> <tr> <th style="width: 25%;">পারামিটার</th> <th>বর্ণনা</th> </tr> <tr> <td><i>node</i></td> <td>প্রয়োজনীয়। মুক্ত হওয়া নোড (ইলেকট্রন) নির্বাচন করুন。</td> </tr> </table> <h3>ফলাফল</h3> <table class="dataintable"> <tr> <th style="width: 25%;">ধরন</th> <th>বর্ণনা</th> </tr> <tr> <td>Node</td> <td> <p>মুক্ত হওয়া নোড (ইলেকট্রন)।</p> <p>যদি সাবগ্রাহ্য না থাকে, তবে null হবে。</p> </td> </tr> </table> </div> <div> <h2>ব্রাউজার সমর্থন</h2> <p><code>element.removeChild()</code> এটি DOM Level 1 (1998) বৈশিষ্ট্য।</p> <p>সমস্ত ব্রাউজারগুলি এটিকে পূর্ণাত্মকভাবে সমর্থন করে:</p> <table class="browser-support"> <tr> <th class="bsChrome">চ্রোম</th> <th class="bsIE">আইই</th> <th class="bsEdge">এজ</th> <th class="bsFirefox">ফায়ারফক্স</th> <th class="bsSafari">স্যাফারি</th> <th class="bsOpera">ওপেরা</th> </tr> <tr> <td>চ্রোম</td> <td>আইই</td> <td>এজ</td> <td>ফায়ারফক্স</td> <td>স্যাফারি</td> <td>ওপেরা</td> </tr> <tr> <td>সমর্থন</td> <td>9-11</td> <td>সমর্থন</td> <td>সমর্থন</td> <td>সমর্থন</td> <td>সমর্থন</td> </tr> </table> </div> <div class="prenextnav-ref"> <ul> <li> পূর্ববর্তী পৃষ্ঠা <a href="/bn/jsref/met_element_removeattributenode.html" title="HTML DOM Element removeAttributeNode() পদ্ধতি">removeAttributeNode()</a></li> <li> পরবর্তী পৃষ্ঠা <a href="/bn/jsref/met_element_removeeventlistener.html" title="HTML DOM Element removeEventListener() পদ্ধতি">removeEventListener()</a></li> <li> একটি স্তর উপরে <a href="/bn/jsref/dom_obj_all.html" title="HTML DOM Elements ওবজেক্ট">HTML DOM Elements ওবজেক্ট</a></li> </ul> </div><div style="background-color:#fcfdf8; padding:0;"> </div> </div> <!-- maincontent end --> <div id="sidebar"> <div><h3><center> টুলবক্স </center><h3> <h5 id="tools_reference"><a href="/bn/jsref/index.html">JavaScript এবং HTML DOM রেফারেন্স হান্ডবুক</a></h5> <h5 id="tools_example"><a href="/bn/js/js_examples.html">জেভাস্ক্রিপ্ট ইনস্ট্রাকশন</a></h5> <h5 id="tools_quiz"><a href="/bn/js/js_quiz.html">জেভাস্ক্রিপ্ট পরীক্ষা</a></h5> <h5 id="tools_tutorial"><a href="/bn/js/index.html">জেভাস্ক্রিপ্ট শিক্ষা</a></h5> </div> <div><h3><center> স্পনসর লিঙ্ক </center><h3> <div id="sbtg"> <script src="/myjs/zzsr.js"></script> </div> </div> </div> <div id="footer"> <p id="p1"> কোডউ৩সি কম দ্বারা প্রদান কনটেন্ট শুধুমাত্র প্রশিক্ষণ এবং পরীক্ষা জন্য প্রদান করা হয়, কনটেন্টের সঠিকতা নিশ্চিত করা হয় না। এই সাইটের কনটেন্ট ব্যবহার থেকে উদ্ভূত যে কোনও ঝুঁকি এই সাইটের সাথে সংশ্লিষ্ট নয়। সব অধিকার সংরক্ষিত, সমস্ত অধিকার রাখা হয়。 </p> <p id="p2"> <a href="/bn/about/index.html" title="কোডউ৩সি কম">কোডউ৩সি কম</a> <a href="/bn/about/about_helping.html" title="সহায়তা কোডউ৩সি কম">সহায়তা কোডউ৩সি কম</a> <a href="/bn/about/about_use.html" title="ব্যবহার সম্পর্কে">ব্যবহার শর্ত</a> <a href="/bn/about/about_privacy.html" title="প্রাইভেসি সম্পর্কে">প্রাইভেসি শর্ত</a> <a href="http://www.comfortsoftwaregroup.com/" target="_blank"><img src="/comfortsoftwaregroup.png"></a> <a href="http://www.ce4e.com/" target="_blank"><img src="/poweredby.png" alt="Ce4e.com-এর দ্বারা পাওয়ায়"></a> </p> </div> </div> <!-- wrapper end --> <script src="/myjs/tongji.js"></script> </body> </html>