কম্পিউটার টিউটোরিয়াল

JavaScript-এ DOM নোডের সকল চাইল্ড এলিমেন্ট রিমুভ করার পদ্ধতি


<div>-এর চাইল্ড এলিমেন্টগুলো রিমুভ করতে:

var list = document.getElementById("mList");    while (list.hasChildNodes()) {       list.removeChild(list.firstChild);    } }

এটি 'mList' আইডিয়ের সব চাইল্ড রিমুভ করবে।

উদাহরণ

আপনার কোডে এটি নিচেরভাবে লিখা যায়:

<html>    <body>       <div id="mList" style="width:400px;background-color:gray">          <ul>             <li>li- child</li>             <li>li- child</li>          </ul>       </div>       <button onclick="mFunction()">Submit</button>       <script>          function mFunction() {             var list = document.getElementById("mList");             while (list.hasChildNodes()) {                list.removeChild(list.firstChild);             }          }       </script>    </body> </html>
  1. জাভাস্ক্রিপ্ট দিয়ে HTML চাইল্ড নোড রিমুভ করা

  2. জাভাস্ক্রিপ্টে NodeListকে Array-এ রূপান্তর করা

  3. JavaScript-এ বাটন ক্লিকে li এলিমেন্ট রিমুভ করা

  4. জাভাস্ক্রিপ্টে DOM নোডের সব চাইল্ড এলিমেন্ট রিমুভ করা