vollständig
gekürzt
<!DOCTYPE html> <html lang="de"> <head> <meta charset="utf-8"> <title>JSL123 Nodes entfernen</title> <style></style> </head> <body> <ol id="einkaufsListe"> <li id="e1">Milch</li> <li id="e2">Schokolade</li> <li id="e3">Äpfel</li> </ol> <button onClick="Entfernen();">Löschen</button> <script> function Entfernen () { var elternElement = document.getElementById("einkaufsListe"); var kindElement = document.getElementById("e2"); elternElement.removeChild(kindElement); } </script> <hr> <div> <h1>Informationen</h1> <p>Vieles zu lesen und noch mehr</p> <button onClick="ausblenden(this);">Ausblenden</button> </div> <script> function ausblenden(kindObjekt) { kindObjekt.parentNode.style.display = 'none'; } </script> </body> </html>
