Ein HTML-Element entfernen

Dieser Quellcode zeigt dir, wie du mit der Methode removeChild ein HTML-Element aus deiner App entfernen kannst. Du brauchst ein <div>-Element mit dem ID-Namen „Liste“ als „Behälter“ für die Aufgaben, die der Professor sich notieren will. Jede Aufgabe wird als eigenes <div>-Element in diese „Behälter“-<div> eingefügt. (Im Element-Baum des DOM ist der Behälter ein Elternelement und die eingetragenen <div>s mit den Aufgaben sind Kindelemente.) Du brauchst eine JavaScript-Funktion, die mit getElementById das <div>-Element mit ID-Name „Liste“ findet und mit removeChild die angeklickte Aufgabe daraus löscht.

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <title>Aufgabenliste-App</title>
  <script>
     function entferneAufgabe(element) {
     document.getElementById("Liste").removeChild(element);
  }
   </script>
</head>
<body>
  <div id="Liste">
     Personenschutz für Herrn Volkov
     <div onclick="entferneAufgabe(this);">
        Wollsocken
     </div>
   </div>
</body>
</html>

Beispiel ansehen

Zurück zur Mission