So löschen Sie ein Div in JavaScript

April 21

So löschen Sie ein Div in JavaScript

Es gibt viele Gründe, ein Skript zu schreiben, die einen Div-Container von Ihrer Webseite entfernt. Empfiehlt sich einen Media-Player in einem Abschnitt Ihrer Seite einbetten und Benutzer möglicherweise verstecken oder Inhalt auf der Seite, die Sie nur für Benutzer mit bestimmten Zugriffsebenen anzeigen möchten haben sollen. In jedem Fall ist entfernen einen Div-Container mit JavaScript eine einfache Aufgabe, die nur wenige Zeilen Code erfordern.

Anweisungen

1 Öffnen Sie die Webseite mit den Div-Container, die, den Sie in Ihrem bevorzugten Text-Editor löschen möchten.

2 Fügen Sie den folgenden Code zwischen den < Head >-Tags Ihrer Web-Seite:

Funktion deleteDiv() {}

Var y = document.getElementById("childdiv");

Var X = document.getElementById("parentdiv");

x.removeChild(y);

}

Ersetzen Sie den Id-Wert des Div-Containers für Childdiv löschen möchten und den Id-Wert des übergeordneten Containers für Parentdiv.

3 Fügen Sie folgenden Code irgendwo im Körper Ihrer Web-Seite:

< Eingang Typ = "Knopf" Value = "Löschen" onclick="deleteDiv()" / >

4 Speichern Sie und veröffentlichen Sie Ihre Web-Seite. Es enthält jetzt eine Schaltfläche, wenn geklickt haben, werden Ihre Div-Container gelöscht.