”, “

' și '

” etichetele sunt folosite în codul de mai jos:

---

---

< div >
< h1 > Bună ziua utilizatorilor Linuxhint < / h1 >
< h2 > Linuxhint este locul raiului < / h2 >
< p > interogări legate de limbaje de programare. < / p >
< / div >
< buton > Remover de stil pentru Div < / buton >

După executarea codului de mai sus, pagina web arată astfel:

Ieșirea arată structura HTML a div-ului și a unui buton.

Pasul 2: Adăugați stil inline
În interiorul etichetei de deschidere div, folosește „ stil ” atribuie și aplică unele proprietăți CSS pentru a face elementele proeminente și atrăgătoare:

< div stil = '
culoare:darkmagenta;
culoare de fundal: acvamarin mediu;
marja: 20px;
umplutură: 30px;' >
< h1 >Bună ziua utilizatorilor Linuxhint< / h1 >
< h2 >Linuxhint este locul raiului< / h2 >
< p >interogări legate de limbaje de programare.< / p >
< / div >
< br >
< buton > Stil Elimina pentru Div< / buton >

Rezultatul codului de mai sus este:

Ieșirea confirmă faptul că stilurile inline sunt aplicate numai elementului div.

Pasul 3: Folosind jQuery pentru a elimina CSS inline
Pentru a elimina atributele de stil, funcția părinte apelează atunci când „ document ' este ' gata ”. În codul de mai jos, funcția internă apelează atunci când utilizatorul a făcut clic pe „ buton ”. După aceea, această funcție selectează toate elementele div care se află pe pagină și utilizează „ remove.Attr() ” metoda:

< scenariu >
$ ( document ) .gata ( funcţie ( ) {
$ ( 'buton' ) .clic ( funcţie ( ) {
$ ( 'div' ) .removeAttr ( 'stil' ) ;
} ) ;
} ) ;
< / scenariu >

După adăugarea codului jQuery, pagina web funcționează astfel:

„gif” de mai sus ilustrează faptul că stilurile aplicate pe div sunt eliminate făcând clic pe butonul.

Metoda 2: Eliminați clasa CSS dintr-un div

Al doilea mod de a stila elementul HTML este alocarea unui „ clasă ”. Apoi, adăugați CSS în acea porțiune de clasă în interiorul „ „etichetă sau într-un „ separat fișier CSS ”. Aceste stiluri pot fi, de asemenea, eliminate folosind jQuery. Urmați pașii de mai jos:

Pasul 1: Atribuiți o clasă elementului Div
În fișierul HTML, atribuiți un atribut de clasă la „

' element. De asemenea, atribuiți un id de „eliminare” la „ ' etichetă:

< div clasă = 'styling' >
< h1 >Bună ziua utilizatorilor Linuxhint< / h1 >
< h2 >Linuxhint este locul raiului< / h2 >
< p >interogări legate de limbaje de programare.< / p >
< / div >
< buton id = 'elimina' > Stil Eliminați < / buton >

Apoi, accesați „ ” etichetați și selectați numele clasei div „ styling ” și tastați proprietățile CSS care sunt aplicate elementului div:

< stil >
.styling {
culoare :vergea de aur;
fundal- culoare : mare verde;
marja: 20px;
umplutură: 30px;
}
< / stil >

După executarea codului de mai sus, pagina web arată astfel:

Ieșirea arată că stilurile sunt aplicate pe elementul div.

Pasul 2: Adăugați jQuery pentru a elimina stilul CSS
În '

Alte