', '

' og '

” tags bruges i nedenstående kode:

---

---

< div >
< h1 > Hej Linuxhint-brugere < / h1 >
< h2 > Linuxhint er himlens sted < / h2 >
< s > forespørgsler relateret til programmeringssprog. < / s >
< / div >
< knap > Style Remover til Div < / knap >

Efter at have udført ovenstående kode, ser websiden sådan ud:

Outputtet viser HTML-strukturen af ​​div'en og en knap.

Trin 2: Tilføj Inline Styling
Inde i div-åbningsmærket bruger ' stil ” attribut og anvende nogle CSS-egenskaber for at gøre elementer fremtrædende og tiltalende:

< div stil = '
farve: darkagenta;
baggrundsfarve: medium akvamarin;
margin: 20px;
polstring: 30px;' >
< h1 >Hej Linuxhint-brugere< / h1 >
< h2 >Linuxhint er himlens sted< / h2 >
< s >forespørgsler relateret til programmeringssprog.< / s >
< / div >
< br >
< knap > Stil Fjerne til Div< / knap >

Outputtet af ovenstående kode er:

Outputtet bekræfter, at de inline-stile kun anvendes på div-elementet.

Trin 3: Brug af jQuery til at fjerne inline CSS
For at fjerne stilattributter kalder den overordnede funktion, når ' dokument ' er ' parat ”. I nedenstående kode kalder den indre funktion, når brugeren klikker på ' knap ”. Derefter vælger denne funktion alle div-elementer, der findes på siden og bruger ' remove.Attr() ” metode:

< manuskript >
$ ( dokument ) .parat ( fungere ( ) {
$ ( 'knap' ) .klik ( fungere ( ) {
$ ( 'div' ) .removeAttr ( 'stil' ) ;
} ) ;
} ) ;
< / manuskript >

Efter tilføjelse af jQuery-koden fungerer websiden sådan:

Ovenstående 'gif' illustrerer, at de anvendte stilarter på div'en fjernes ved at klikke på knappen.

Metode 2: Fjern klasse CSS fra en Div

Den anden måde at style HTML-elementet på er ved at tildele dem en ' klasse ”. Tilføj derefter CSS i den klassedel inde i ' ' tag eller i et separat ' CSS fil ”. Disse stilarter kan også fjernes ved hjælp af jQuery. Følg nedenstående trin:

Trin 1: Tildel en klasse til Div Element
I HTML-filen skal du tildele en klasseattribut til '

' element. Tildel også et id for 'fjerner' til ' ' tag:

< div klasse = 'styling' >
< h1 >Hej Linuxhint-brugere< / h1 >
< h2 >Linuxhint er himlens sted< / h2 >
< s >forespørgsler relateret til programmeringssprog.< / s >
< / div >
< knap id = 'fjerne' > Stil Fjern < / knap >

Gå derefter til ' ' tag og vælg div klassenavnet ' styling ' og skriv CSS-egenskaber, der anvendes på div-elementet:

< stil >
.styling {
farve :guldrød;
baggrund- farve : havgrøn;
margin: 20px;
polstring: 30px;
}
< / stil >

Efter at have udført ovenstående kode, ser websiden sådan ud:

Outputtet viser, at stilene er anvendt på div-elementet.

Trin 2: Tilføj jQuery for at fjerne CSS-styling
I '

Andet