Sett CSS -eiendom i JavaScript

JavaScript er et av kjerneskripingsspråk og teknologier på World Wide Web. Det er et dynamisk utførende programmeringsspråk. CSS er språket som brukes til å kontrollere stylingen av dokumentene skrevet på markeringsspråk som HTML og XHTML.

CSS -egenskaper kan brukes på en kode skrevet i JavaScript i et HTML -dokument enkelt ved å få tilgang til elementet som eiendommen må brukes gjennom JavaScript og direkte anvende CSS -egenskapen på den.

Sette CSS -eiendom i JavaScript

La oss ta et eksempel på en enkel HTML -kode for å formatere JavaScript -dokumentet:

Klikk OK for å endre fargen min

Ok

I ovennevnte kodebit er det en overskrift som vi tildelte en ID “test”. Under det opprettet vi en knapp "Ok”Gjennom knappekoden og erklært“ved trykk”Funksjon for den knappen. Dette spesifiserer at når "Ok”-Knappen vil bli klikket,“Func ()”JavaScript -funksjonen vil bli påberopt og CSS -egenskapen definert i denne funksjonen vil bli implementert til teksten skrevet i HTML.

Følgende er en JavaScript -funksjon for å gjøre ovennevnte HTML -kode dynamisk kjørbar:

funksjon func ()
var y = dokument.getElementById ("tekst");
y.stil.farge = "rød";

Ovennevnte kodebit har en funksjon som heter “Func ()”Der en variabel”y”Er initialisert og“getElementById”Metode erklært å referere til“tekst”ID som har teksten (innhold). Deretter er det CSS -egenskapen som er satt inn for å endre fargen på teksten til rød.

Dette vil vise en tekst i utgangsgrensesnittet som ved å klikke på OK -knappen vil endre fargen på teksten til rødt:

På denne måten kan vi sette CSS -egenskaper i JavaScript.

Konklusjon

Vi kan angi CSS -egenskaper i et element i JavaScript ved først å få tilgang til ID, klasse eller attributt til det elementet ved å bruke den aktuelle get -metoden. For eksempel, i innlegget ovenfor, brukte vi "getElementById”Metode. Etter det, bare definere CSS -egenskapen som skal brukes på det elementet. Denne artikkelen forklarte godt hvordan du angir CSS -egenskaper i JavaScript.