“, „

' Und '

„Tags werden im folgenden Code verwendet:

---

---

< div >
< h1 > Hallo Linuxhint-Benutzer < / h1 >
< h2 > Linuxhint ist der Ort des Himmels < / h2 >
< P > Fragen zu Programmiersprachen. < / P >
< / div >
< Taste > Stilentferner für Div < / Taste >

Nach der Ausführung des obigen Codes sieht die Webseite folgendermaßen aus:

Die Ausgabe zeigt die HTML-Struktur des Div und einer Schaltfläche.

Schritt 2: Inline-Styling hinzufügen
Im div-Eröffnungs-Tag wird das „“ verwendet. Stil ” Attribut und wenden Sie einige CSS-Eigenschaften an, um Elemente hervorzuheben und ansprechend zu machen:

< div Stil = '
Farbe: dunkelmagenta;
Hintergrundfarbe: mittleres Aquamarin;
Rand: 20px;
Polsterung: 30px;' >
< h1 >Hallo Linuxhint-Benutzer< / h1 >
< h2 >Linuxhint ist der Ort des Himmels< / h2 >
< P >Anfragen im Zusammenhang mit Programmiersprachen.< / P >
< / div >
< br >
< Taste > Stil Entfernen für Div< / Taste >

Die Ausgabe des obigen Codes ist:

Die Ausgabe bestätigt, dass die Inline-Stile nur auf das div-Element angewendet werden.

Schritt 3: Verwenden von jQuery zum Entfernen von Inline-CSS
Um Stilattribute zu entfernen, ruft die übergeordnete Funktion auf, wenn „ dokumentieren ' Ist ' bereit “. Im folgenden Code wird die innere Funktion aufgerufen, wenn der Benutzer auf „ Taste “. Danach wählt diese Funktion alle div-Elemente aus, die sich auf der Seite befinden, und verwendet das „ remove.Attr() ' Methode:

< Skript >
$ ( dokumentieren ) .bereit ( Funktion ( ) {
$ ( 'Taste' ) .klicken ( Funktion ( ) {
$ ( „div“ ) .removeAttr ( 'Stil' ) ;
} ) ;
} ) ;
< / Skript >

Nach dem Hinzufügen des jQuery-Codes funktioniert die Webseite folgendermaßen:

Das obige „GIF“ zeigt, dass die auf das Div angewendeten Stile durch Klicken auf die Schaltfläche entfernt werden.

Methode 2: Klassen-CSS aus einem Div entfernen

Die zweite Möglichkeit, das HTML-Element zu formatieren, besteht darin, ihm ein „ Klasse “. Fügen Sie dann CSS in diesem Klassenteil innerhalb des „ ”-Tag oder in einem separaten „ CSS-Datei “. Diese Stile können auch mit jQuery entfernt werden. Befolgen Sie die folgenden Schritte:

Schritt 1: Weisen Sie dem Div-Element eine Klasse zu
Weisen Sie in der HTML-Datei dem „“ ein Klassenattribut zu.

' Element. Weisen Sie dem „“ außerdem die ID „remover“ zu. ' Schild:

< div Klasse = 'Styling' >
< h1 >Hallo Linuxhint-Benutzer< / h1 >
< h2 >Linuxhint ist der Ort des Himmels< / h2 >
< P >Anfragen im Zusammenhang mit Programmiersprachen.< / P >
< / div >
< Taste Ausweis = 'entfernen' > Stil Entfernen Sie < / Taste >

Gehen Sie als Nächstes zu „ „Tag und wählen Sie den div-Klassennamen aus“ Styling ” und geben Sie CSS-Eigenschaften ein, die auf das div-Element angewendet werden:

< Stil >
.Styling {
Farbe :Goldrute;
Hintergrund- Farbe : Meeresgrün;
Rand: 20px;
Polsterung: 30px;
}
< / Stil >

Nach der Ausführung des obigen Codes sieht die Webseite folgendermaßen aus:

Die Ausgabe zeigt an, dass die Stile auf das div-Element angewendet werden.

Schritt 2: jQuery hinzufügen, um CSS-Styling zu entfernen
Im ' ”-Tag fügt den gleichen jQuery-Code hinzu, wie in der obigen Methode angegeben. Die jQuery „ RemoveClass() ”-Methode entfernt das „ Styling ”-Klasse, der beim Klicken auf die Schaltfläche das Element „div“ zugewiesen wird:

< Skript >
$ ( dokumentieren ) .bereit ( Funktion ( ) {
$ ( 'Taste' ) .klicken ( Funktion ( ) {
$ ( „div“ ) .removeClass ( 'Styling' ) ;
} ) ;
} ) ;
< / Skript >

Nach dem Hinzufügen des obigen Codes funktioniert die Webseite folgendermaßen:

Das obige „GIF“ zeigt, dass die in der Klasse eingegebenen Stile mit einem Klick auf die Schaltfläche entfernt werden.

Abschluss

Um das CSS aus einem Div zu entfernen, muss „ remove.Attr() ' Und ' RemoveClass() ”-Methoden können verwendet werden. Der ' remove.Attr() ” entfernt das „ Stil ”-Attribut aus dem ausgewählten Element. Andererseits ist die „ RemoveClass() „Entfernt die ausgewählte Elementklasse, die zum Anwenden von Stilen auf dieses Element verwendet wurde. In diesem Artikel wurde erfolgreich gezeigt, wie man CSS mithilfe von jQuery aus einem Div entfernt.