HTML DOM -akronym for dokumentobjektmodell er et programmeringsgrensesnitt for dokumenter skrevet i HTML og XML. Det gir en logisk struktur til dokumentene. HTML DOM definerer hvordan HTML -dokumenter kan evalueres og endres. Ved hjelp av HTML DOM kan du endre stilen til HTML -elementer gjennom JavaScript.

Stilegenskapen til HTML DOM brukes til å endre stilen til HTML -elementer.

Stilegenskaper til HTML DOM

En stilattributt til et HTML -element er representert av et CSSStyleDeClaration -objekt. For å returnere dette CSSSstyleDeClaration -objektet, brukes stilegenskapen. Denne egenskapen brukes til å enten få eller sette stilen til elementer ved å bruke forskjellige CSS -egenskaper.

Syntaks

Syntaks for HTML DOM -stilegenskapen er gitt som følger.

Hvis du bare vil få en stilegenskap, bruk følgende syntaks.

Men hvis du vil angi en stilegenskap, kan du bruke den gitte syntaks

Nå som vi har en grunnleggende forståelse av hva HTML DOM -stilegenskap er. Vi vil nå utforske noen relevante eksempler.

Endrer HTML -stil

De gitte eksemplene viser hvordan vi kan endre stilen til HTML -elementer ved hjelp av JavaScript.

Eksempel 1
Anta at du vil endre fargen på

element ved å bruke IDen.

HTML DOM -stil eiendom

HTML DOM -stil eiendom

I eksemplet ovenfor definerte vi først to

elementer og tildelte dem en unik ID.

HTML DOM -stil eiendom

HTML DOM -stil eiendom

Vi endret deretter fargen på

element med id = ”para2”. I det følgende koden der vi bare får ønsket element ved ID -en og endrer fargen til rød.

Slik så det ut før det endret fargen.

Etter å ha endret fargen.

Eksempel 2
Anta at du vil endre fargen så vel som fontfamilien til

element ved å bruke IDen.

Lære HTML DOM

Lære HTML DOM

I eksemplet ovenfor definerte vi først to

elementer og tildelte dem en unik ID.

Lære HTML DOM

Lære HTML DOM

Vi endret deretter fargen og fontfamilien til

element med id = ”head2”. I det følgende koden der vi bare får ønsket element ved ID -en og endrer farge til blå og skriftfamilie til Arial.

Geshi feil: Geshi kunne ikke finne språket JacaScript (ved hjelp av Path/Home/Nginx/Domains/Linuxhint.com/public/wp-content/plugins/codecolorer/lib/geshi/) (kode 2)

Slik så det ut før det endret fargen og fontfamilien.

Etter å ha endret farge- og fontfamilien ser det slik ut.

Konklusjon

For å endre stilen til HTML -elementer ved hjelp av JavaScript bruker vi HTML DOM -stilegenskapen. HTML DOM -stilegenskapen lar deg få eller sette stilen til et HTML -element. Det kan være forskjellige tilnærminger for å bruke denne egenskapen for å endre stilen til HTML -elementer. Denne opplæringen dekker HTML DOM -stilegenskaper og forskjellige tilnærminger som kan brukes til å endre stilen til HTML -elementer.