', '

' og '

'-tagger brukes i koden nedenfor:

---

---

< div >
< h1 > Hei Linuxhint-brukere < / h1 >
< h2 > Linuxhint er himmelens sted < / h2 >
< s > spørsmål knyttet til programmeringsspråk. < / s >
< / div >
< knapp > Style Remover for Div < / knapp >

Etter å ha utført koden ovenfor, ser nettsiden slik ut:

Utdataene viser HTML-strukturen til div og en knapp.

Trinn 2: Legg til inline styling
Inne i div-åpningstaggen bruker ' stil ” attributt og bruke noen CSS-egenskaper for å gjøre elementer fremtredende og tiltalende:

< div stil = '
farge: darkagenta;
bakgrunnsfarge: medium akvamarin;
margin: 20px;
polstring: 30px;' >
< h1 >Hei Linuxhint-brukere< / h1 >
< h2 >Linuxhint er himmelens sted< / h2 >
< s >spørringer relatert til programmeringsspråk.< / s >
< / div >
< br >
< knapp > Stil Fjerne til Div< / knapp >

Utgangen av koden ovenfor er:

Utdataene bekrefter at de innebygde stilene bare brukes på div-elementet.

Trinn 3: Bruk jQuery for å fjerne innebygd CSS
For å fjerne stilattributter, kaller den overordnede funksjonen når ' dokument ' er ' klar '. I koden nedenfor anroper den indre funksjonen når brukeren klikker på ' knapp '. Etter det velger denne funksjonen alle div-elementer som ligger på siden og bruker ' remove.Attr() ' metode:

< manus >
$ ( dokument ) .klar ( funksjon ( ) {
$ ( 'knapp' ) .klikk ( funksjon ( ) {
$ ( 'div' ) .removeAttr ( 'stil' ) ;
} ) ;
} ) ;
< / manus >

Etter å ha lagt til jQuery-koden, fungerer nettsiden slik:

Ovennevnte 'gif' illustrerer at de anvendte stilene på div fjernes ved å klikke på knappen.

Metode 2: Fjern klasse CSS fra en Div

Den andre måten å style HTML-elementet på er ved å tilordne dem en ' klasse '. Deretter legger du til CSS i den klassedelen i ' ' tag eller i en separat ' CSS-fil '. Disse stilene kan også fjernes ved hjelp av jQuery. Følg trinnene nedenfor:

Trinn 1: Tilordne en klasse til Div Element
I HTML-filen, tilordne et klasseattributt til '

' element. Tilordne også en ID for 'fjerner' til ' ' stikkord:

< div klasse = 'styling' >
< h1 >Hei Linuxhint-brukere< / h1 >
< h2 >Linuxhint er himmelens sted< / h2 >
< s >spørringer relatert til programmeringsspråk.< / s >
< / div >
< knapp id = 'fjerne' > Stil Fjern < / knapp >

Gå deretter til ' ' tag og velg div klassenavnet ' styling ' og skriv inn CSS-egenskaper som brukes på div-elementet:

< stil >
.styling {
farge :gullris;
bakgrunn- farge : sjøgrønn;
margin: 20px;
polstring: 30px;
}
< / stil >

Etter å ha utført koden ovenfor, ser nettsiden slik ut:

Utdataene viser at stilene er brukt på div-elementet.

Trinn 2: Legg til jQuery for å fjerne CSS-styling
I «

Annen