টিউটোরিয়ালঃ জাভাস্ক্রিপ্টের মাধ্যমে আইডি দিয়ে HTML element অপসারণ করুন

আজক আমি এমন একটা জাভাস্ক্রিপ্ট ফাংশন তৈরী করব যেটা দিয়ে যেকোন HTML element কে ডকুমেন্ট থেকে অপসারণ করা সম্ভব এবং আপনার ব্রাউজারকে অবশ্যই আপডেটেড হতে হবে।

HTML Part

<div id="wrapper">
    <div id="header">
        <p>Header Sectioin</p>
    </div>
    <div id="main">
        <div id="sidebar">
            <p>Siebar Section</p>
        </div>

        <div id="content">
            <p>Content Section</p>
        </div>
    </div>
    <div id="footer">
        <p>Footer Section</p>
    </div>
</div>
<button onclick="javascript: document.getElementById('header').remove();this.remove();">Remove Header Element</button>
<button onclick="javascript: document.getElementById('sidebar').remove();this.remove();">Remove Sidebar Element</button>
<button onclick="javascript: document.getElementById('content').remove();this.remove();">Remove Content Element</button>
<button onclick="javascript: document.getElementById('footer').remove();this.remove();">Remove Footer Element</button>
<script>

Javascript Part

Element.prototype.remove = function() {
 this.parentElement.removeChild(this);
}

NodeList.prototype.remove = HTMLCollection.prototype.remove = function() {
 var i = 0, len = this.length;
 do {
  if (this[i] && this[i].parentElement) {
   this[i].parentElement.remove(this);
  }
  i++;
 } while (i < len)
}

Demo

এই লিঙ্কে গিয়ে ডেমো দেখতে পারেন।