CloseTag | الشروحات | Java Script | طرق وأساليب حذف من شجرة DOM في لغة جافا سكريبت | JavaScript DOM Remove Methods

<!DOCTYPE html>
<html>
<head>
<title>removeEventListener  JavaScript</title>
</head>
<body>
   <h1 id="apple" class="memory">Welcome To CloseTag.com</h1>
   <ol id="students"><li>Ahmed</li><li>Mohamed</li><li>Mazen</li></ol>
   <button type="button" id="button">Remove</button>
    <script>
    let students = document.getElementById('students');
    let button = document.getElementById('button');
 
    button.addEventListener("click",removeHandler);

    
    function removeHandler(){
    	 students.removeChild(students.childNodes[0]);
    	 button.removeEventListener("click",removeHandler);
    }
    </script>
</body>
</html>

​x
 
<!DOCTYPE html>
<html>
<head>
<title>removeEventListener  JavaScript</title>
</head>
<body>
   <h1 id="apple" class="memory">Welcome To CloseTag.com</h1>
   <ol id="students"><li>Ahmed</li><li>Mohamed</li><li>Mazen</li></ol>
   <button type="button" id="button">Remove</button>
    <script>
    let students = document.getElementById('students');
    let button = document.getElementById('button');
 
    button.addEventListener("click",removeHandler);
​
    
    function removeHandler(){
         students.removeChild(students.childNodes[0]);
         button.removeEventListener("click",removeHandler);
    }
    </script>
</body>
</html>