”, “

' En '

”-tags worden gebruikt in de onderstaande code:

---

---

< div >
< h1 > Hallo Linuxhint-gebruikers < / h1 >
< h2 > Linuxhint is de plaats van de hemel < / h2 >
< P > vragen over programmeertalen. < / P >
< / div >
< knop > Stijlverwijderaar voor Div < / knop >

Na het uitvoeren van bovenstaande code ziet de webpagina er als volgt uit:

De uitvoer toont de HTML-structuur van de div en een knop.

Stap 2: voeg inline-styling toe
In de openingstag van de div wordt de ' stijl ” attribuut en pas enkele CSS-eigenschappen toe om elementen prominent en aantrekkelijk te maken:

< div stijl = '
kleur:donkeragenta;
achtergrondkleur: mediumaquamarijn;
marge: 20px;
opvulling: 30px;' >
< h1 >Hallo Linuxhint-gebruikers< / h1 >
< h2 >Linuxhint is de plaats van de hemel< / h2 >
< P >vragen met betrekking tot programmeertalen.< / P >
< / div >
< br >
< knop > Stijl Verwijderen voor Afd.< / knop >

De uitvoer van bovenstaande code is:

De uitvoer bevestigt dat de inline stijlen alleen worden toegepast op het div-element.

Stap 3: jQuery gebruiken om inline CSS te verwijderen
Om stijlattributen te verwijderen, roept de bovenliggende functie aan wanneer de ' document ' is ' klaar ”. In de onderstaande code roept de innerlijke functie aan wanneer de gebruiker op de ' knop ”. Daarna selecteert deze functie alle div-elementen die zich op de pagina bevinden en gebruikt de ' verwijderen.Attr() ” methode:

< script >
$ ( document ) .klaar ( functie ( ) {
$ ( 'knop' ) .Klik ( functie ( ) {
$ ( 'div' ) .verwijderAttr ( 'stijl' ) ;
} ) ;
} ) ;
< / script >

Na het toevoegen van de jQuery-code werkt de webpagina als volgt:

De bovenstaande 'gif' illustreert dat de toegepaste stijlen op de div worden verwijderd door op de knop te klikken.

Methode 2: Class CSS verwijderen uit een Div

De tweede manier om het HTML-element te stylen is door ze een ' klas ”. Voeg vervolgens CSS toe aan dat klassegedeelte binnen de ' ' tag of in een aparte ' CSS-bestand ”. Deze stijlen kunnen ook worden verwijderd met behulp van jQuery. Volg de onderstaande stappen:

Stap 1: Wijs een klasse toe aan Div Element
Wijs in het HTML-bestand een class-attribuut toe aan de '

”-element. Wijs ook een id van 'remover' toe aan de ' ' label:

< div klas = 'styling' >
< h1 >Hallo Linuxhint-gebruikers< / h1 >
< h2 >Linuxhint is de plaats van de hemel< / h2 >
< P >vragen met betrekking tot programmeertalen.< / P >
< / div >
< knop ID kaart = 'verwijderen' > Stijl Verwijder < / knop >

Ga vervolgens naar de “ ' tag en selecteer de naam van de div-klasse ' styling ” en typ CSS-eigenschappen die worden toegepast op het div-element:

< stijl >
.styling {
kleur :guldenroede;
achtergrond- kleur : zee groen;
marge: 20px;
opvulling: 30px;
}
< / stijl >

Na het uitvoeren van bovenstaande code ziet de webpagina er als volgt uit:

De uitvoer geeft aan dat de stijlen zijn toegepast op het div-element.

Stap 2: voeg jQuery toe om CSS-styling te verwijderen
In de '

Ander