”, “

' och '

'-taggar används i koden nedan:

---

---

< div >
< h1 > Hej Linuxhint-användare < / h1 >
< h2 > Linuxhint är himlens plats < / h2 >
< sid > frågor relaterade till programmeringsspråk. < / sid >
< / div >
< knapp > Style Remover för Div < / knapp >

Efter att ha kört ovanstående kod ser webbsidan ut så här:

Utdata visar HTML-strukturen för div och en knapp.

Steg 2: Lägg till Inline Styling
Inuti div-öppningstaggen, använder ' stil ” attribut och tillämpa några CSS-egenskaper för att göra element framträdande och tilltalande:

< div stil = '
färg: mörkagenta;
bakgrundsfärg: mediumakvamarin;
marginal: 20px;
stoppning: 30px;' >
< h1 >Hej Linuxhint-användare< / h1 >
< h2 >Linuxhint är himlens plats< / h2 >
< sid >frågor relaterade till programmeringsspråk.< / sid >
< / div >
< br >
< knapp > Stil Avlägsna för Div< / knapp >

Utdata från ovanstående kod är:

Utdata bekräftar att inline-stilarna endast tillämpas på div-elementet.

Steg 3: Använd jQuery för att ta bort Inline CSS
För att ta bort stilattribut anropar den överordnade funktionen när ' dokumentera ' är ' redo ”. I koden nedan anropar den inre funktionen när användaren klickade på ' knapp ”. Efter det väljer den här funktionen alla div-element som finns på sidan och använder ' remove.Attr() ' metod:

< manus >
$ ( dokumentera ) .redo ( fungera ( ) {
$ ( 'knapp' ) .klick ( fungera ( ) {
$ ( 'div' ) .removeAttr ( 'stil' ) ;
} ) ;
} ) ;
< / manus >

Efter att ha lagt till jQuery-koden fungerar webbsidan så här:

Ovanstående 'gif' illustrerar att de applicerade stilarna på div:n tas bort genom att klicka på knappen.

Metod 2: Ta bort klass CSS från en Div

Det andra sättet att utforma HTML-elementet är genom att tilldela dem en ' klass ”. Lägg sedan till CSS i den klassdelen i ' '-tagg eller i en separat ' CSS-fil ”. Dessa stilar kan också tas bort med jQuery. Följ stegen nedan:

Steg 1: Tilldela en klass till Div Element
I HTML-filen, tilldela ett klassattribut till '

' element. Tilldela också ett id för 'borttagare' till ' ' tag:

< div klass = 'styling' >
< h1 >Hej Linuxhint-användare< / h1 >
< h2 >Linuxhint är himlens plats< / h2 >
< sid >frågor relaterade till programmeringsspråk.< / sid >
< / div >
< knapp id = 'avlägsna' > Stil Ta bort < / knapp >

Gå sedan till ' ' tagga och välj div klassnamnet ' styling ” och skriv CSS-egenskaper som tillämpas på div-elementet:

< stil >
.styling {
Färg :gullris;
bakgrund- Färg : havsgrön;
marginal: 20px;
stoppning: 30px;
}
< / stil >

Efter att ha kört ovanstående kod ser webbsidan ut så här:

Utdata visar att stilarna tillämpas på div-elementet.

Steg 2: Lägg till jQuery för att ta bort CSS-styling
I '

Övrig