“, “

' a '

Značky ” se používají v níže uvedeném kódu:

---

---

< div >
< h1 > Ahoj uživatelé Linuxhintu < / h1 >
< h2 > Linuxhint je místo nebe < / h2 >
< p > dotazy týkající se programovacích jazyků. < / p >
< / div >
< knoflík > Odstraňovač stylu pro Div < / knoflík >

Po provedení výše uvedeného kódu vypadá webová stránka takto:

Výstup zobrazuje HTML strukturu prvku div a tlačítka.

Krok 2: Přidejte vložený styl
Uvnitř otevíracího tagu div využívá „ styl ” a použijte některé vlastnosti CSS, aby byly prvky nápadné a přitažlivé:

< div styl = '
barva:tmavě purpurová;
barva pozadí: středně akvamarínová;
okraj: 20px;
odsazení: 30px;' >
< h1 >Dobrý den, uživatelé Linuxhint< / h1 >
< h2 >Linuxhint je místo nebe< / h2 >
< p >dotazy týkající se programovacích jazyků.< / p >
< / div >
< br >
< knoflík > Styl Odstranit pro Div< / knoflík >

Výstup výše uvedeného kódu je:

Výstup potvrzuje, že vložené styly jsou aplikovány pouze na prvek div.

Krok 3: Použití jQuery k odstranění inline CSS
Chcete-li odstranit atributy stylu, rodičovská funkce volá, když „ dokument ' je ' připraven “. V níže uvedeném kódu se vnitřní funkce volá, když uživatel klikne na „ knoflík “. Poté tato funkce vybere všechny prvky div, které se nacházejí na stránce, a použije „ remove.Attr() “ metoda:

< skript >
$ ( dokument ) .připravený ( funkce ( ) {
$ ( 'knoflík' ) .klikněte ( funkce ( ) {
$ ( 'div' ) .removeAttr ( 'styl' ) ;
} ) ;
} ) ;
< / skript >

Po přidání kódu jQuery funguje webová stránka takto:

Výše uvedený „gif“ ilustruje, že použité styly na div se odstraní kliknutím na tlačítko.

Metoda 2: Odeberte CSS třídy z prvku Div

Druhým způsobem stylování prvku HTML je přiřazení „ třída “. Poté přidejte CSS do této části třídy uvnitř „ ” tag nebo v samostatném “ CSS soubor “. Tyto styly lze také odstranit pomocí jQuery. Postupujte podle následujících kroků:

Krok 1: Přiřaďte třídu prvku Div
V souboru HTML přiřaďte atribut třídy „

prvek. Také přiřaďte ID „remover“ k „ značka ”:

< div třída = 'styling' >
< h1 >Dobrý den, uživatelé Linuxhint< / h1 >
< h2 >Linuxhint je místo nebe< / h2 >
< p >dotazy týkající se programovacích jazyků.< / p >
< / div >
< knoflík id = 'odstranit' > Styl Odebrat < / knoflík >

Dále přejděte na „ ” tag a vyberte název třídy div “ styling “ a zadejte vlastnosti CSS, které se použijí na prvek div:

< styl >
.styling {
barva :zlatý prut;
Pozadí- barva : zelené moře;
okraj: 20px;
odsazení: 30px;
}
< / styl >

Po provedení výše uvedeného kódu vypadá webová stránka takto:

Výstup zobrazuje, že styly jsou použity na prvek div.

Krok 2: Přidejte jQuery a odeberte styl CSS
V '

jiný