”, „

” ja „

” silte kasutatakse allolevas koodis:

---

---

< div >
< h1 > Tere Linuxhinti kasutajad < / h1 >
< h2 > Linuxhint on taevane koht < / h2 >
< lk > programmeerimiskeeltega seotud päringud. < / lk >
< / div >
< nuppu > Stiilieemaldaja Div < / nuppu >

Pärast ülaltoodud koodi käivitamist näeb veebileht välja selline:

Väljund näitab div ja nupu HTML-struktuuri.

2. samm: lisage tekstisisene stiil
Div avamärgendi sees kasutab ' stiilis ” atribuut ja rakendada mõningaid CSS-i atribuute, et muuta elemendid silmapaistvaks ja atraktiivseks:

< div stiilis = '
värv: tumemagenta;
taustavärv: keskmine akvamariin;
veeris: 20 pikslit;
polster: 30 pikslit;' >
< h1 >Tere Linuxhinti kasutajad< / h1 >
< h2 >Linuxhint on taevane koht< / h2 >
< lk >programmeerimiskeeltega seotud päringud.< / lk >
< / div >
< br >
< nuppu > Stiil Eemalda jaoks Div< / nuppu >

Ülaltoodud koodi väljund on:

Väljund kinnitab, et tekstisiseseid stiile rakendatakse ainult div-elemendile.

3. samm: jQuery kasutamine tekstisisese CSS-i eemaldamiseks
Stiiliatribuutide eemaldamiseks kutsub vanemfunktsioon välja, kui dokument ' on ' valmis ”. Allolevas koodis kutsub sisemine funktsioon välja, kui kasutaja klõpsab nuppu ”. Pärast seda valib see funktsioon kõik lehel olevad div-elemendid ja kasutab ' remove.Attr() ” meetod:

< stsenaarium >
$ ( dokument ) .valmis ( funktsiooni ( ) {
$ ( 'nupp' ) .klõpsake ( funktsiooni ( ) {
$ ( 'div' ) .removeAttr ( 'stiil' ) ;
} ) ;
} ) ;
< / stsenaarium >

Pärast jQuery koodi lisamist töötab veebileht järgmiselt:

Ülaltoodud 'gif' illustreerib, et div-s rakendatud stiilid eemaldatakse nupul klõpsates.

2. meetod: eemaldage Divist klassi CSS

Teine viis HTML-i elemendi kujundamiseks on määrata neile ' klass ”. Seejärel lisage CSS sellesse klassi ossa ' ' sildil või eraldi ' CSS-fail ”. Neid stiile saab eemaldada ka jQuery abil. Järgige alltoodud samme.

1. samm: määrake Div Elementile klass
Määrake HTML-failis atribuudile '

” element. Samuti määrake 'eemaldaja' ID ” silt:

< div klass = 'stiil' >
< h1 >Tere Linuxhinti kasutajad< / h1 >
< h2 >Linuxhint on taevane koht< / h2 >
< lk >programmeerimiskeeltega seotud päringud.< / lk >
< / div >
< nuppu id = 'eemaldada' > Stiil Eemalda < / nuppu >

Järgmisena minge jaotisse ' ' silt ja valige div klassi nimi ' stiil ” ja tippige CSS-i atribuudid, mis on rakendatud elemendile div:

< stiilis >
.stiil {
värvi :kuldvits;
taust- värvi : mereroheline;
veeris: 20 pikslit;
polster: 30px;
}
< / stiilis >

Pärast ülaltoodud koodi käivitamist näeb veebileht välja selline:

Väljund näitab, et stiilid on rakendatud elemendile div.

2. samm: CSS-stiili eemaldamiseks lisage jQuery
jaotises '

muud