”, “

' un '

'Tagi tiek izmantoti tālāk norādītajā kodā:

---

---

< div >
< h1 > Sveiki Linuxhint lietotāji < / h1 >
< h2 > Linuxhint ir debesu vieta < / h2 >
< lpp > vaicājumi, kas saistīti ar programmēšanas valodām. < / lpp >
< / div >
< pogu > Stila noņemšanas līdzeklis Div < / pogu >

Pēc iepriekš minētā koda izpildīšanas tīmekļa lapa izskatās šādi:

Izvade parāda div un pogas HTML struktūru.

2. darbība: pievienojiet iekļauto stilu
Div sākuma taga iekšpusē tiek izmantots ' stils ” atribūtu un lietot dažus CSS rekvizītus, lai padarītu elementus pamanāmus un pievilcīgus:

< div stils = '
krāsa: tumši purpura;
fona krāsa: vidējs akvamarīns;
piemale: 20 pikseļi;
polsterējums: 30 pikseļi;' >
< h1 >Sveiki Linuxhint lietotāji< / h1 >
< h2 >Linuxhint ir debesu vieta< / h2 >
< lpp >vaicājumi, kas saistīti ar programmēšanas valodām.< / lpp >
< / div >
< br >
< pogu > Stils Noņemt priekš Div< / pogu >

Iepriekš minētā koda izvade ir:

Izvade apstiprina, ka iekļautie stili tiek lietoti tikai div elementam.

3. darbība: izmantojiet jQuery, lai noņemtu iekļauto CSS
Lai noņemtu stila atribūtus, vecākfunkcija izsauc, kad “ dokumentu 'ir' gatavs ”. Tālāk esošajā kodā iekšējā funkcija izsauc, kad lietotājs noklikšķina uz “ pogu ”. Pēc tam šī funkcija atlasa visus div elementus, kas atrodas lapā, un izmanto “ noņemt.Attr() ” metode:

< skripts >
$ ( dokumentu ) .gatavs ( funkciju ( ) {
$ ( 'poga' ) .klikšķis ( funkciju ( ) {
$ ( 'div' ) .removeAttr ( 'stils' ) ;
} ) ;
} ) ;
< / skripts >

Pēc jQuery koda pievienošanas tīmekļa lapa darbojas šādi:

Iepriekš redzamais “gif” parāda, ka lietotie stili div tiek noņemti, noklikšķinot uz pogas.

2. metode: noņemiet klases CSS no sadaļas

Otrs veids, kā veidot HTML elementu, ir piešķirt tiem “ klasē ”. Pēc tam pievienojiet CSS šai klases daļai “ ' tagā vai atsevišķā ' CSS fails ”. Šos stilus var noņemt arī, izmantojot jQuery. Veiciet tālāk norādītās darbības.

1. darbība. Piešķiriet klasi Dalīšanas elementam
HTML failā piešķiriet klases atribūtu “

” elements. Piešķiriet arī “remover” ID “ 'atzīme:

< div klasē = 'stils' >
< h1 >Sveiki Linuxhint lietotāji< / h1 >
< h2 >Linuxhint ir debesu vieta< / h2 >
< lpp >vaicājumi, kas saistīti ar programmēšanas valodām.< / lpp >
< / div >
< pogu id = 'noņemt' > Stils Noņemt < / pogu >

Tālāk dodieties uz ' ' tagu un atlasiet div klases nosaukumu' stils ” un ierakstiet CSS rekvizītus, kas tiek lietoti div elementam:

< stils >
.stils {
krāsa : zelta stienis;
fons- krāsa : jūras zaļš;
piemale: 20 pikseļi;
polsterējums: 30 pikseļi;
}
< / stils >

Pēc iepriekš minētā koda izpildīšanas tīmekļa lapa izskatās šādi:

Izvade parāda, ka stili tiek lietoti elementā div.

2. darbība. Pievienojiet jQuery, lai noņemtu CSS stilu
Iekš ' ” tagu pievienojiet jQuery kodu, tāpat kā norādīts iepriekš minētajā metodē. JQuery' RemoveClass() ' metode noņem ' stils ” klase, kurai, noklikšķinot uz pogas, tiek piešķirts elements “div”:

< skripts >
$ ( dokumentu ) .gatavs ( funkciju ( ) {
$ ( 'poga' ) .klikšķis ( funkciju ( ) {
$ ( 'div' ) .removeClass ( 'stils' ) ;
} ) ;
} ) ;
< / skripts >

Pēc iepriekš minētā koda pievienošanas tīmekļa lapa darbojas šādi:

Iepriekš minētais “gif” ilustrē, ka klasē ievadītie stili tiek noņemti, noklikšķinot uz pogas.

Secinājums

Lai noņemtu CSS no div, “ noņemt.Attr() ' un ' RemoveClass() ” metodes var izmantot. ' noņemt.Attr() ' noņem ' stils ” atribūts no atlasītā elementa. No otras puses, “ RemoveClass() ” noņem atlasīto elementu klasi, kas tika izmantota stilu pielietošanai šim elementam. Šajā rakstā ir veiksmīgi parādīts, kā noņemt CSS no div, izmantojot jQuery.