Stellen Sie die CSS -Eigenschaft in JavaScript fest

JavaScript ist eine der Kernsprachen und Technologien des World Wide Web. Es ist eine dynamisch ausführende Programmiersprache. CSS ist die Sprache, mit der das Styling der Dokumente in Markup -Sprachen wie HTML und XHTML kontrolliert wird.

CSS -Eigenschaften können auf einen Code angewendet werden.

Festlegen der CSS -Eigenschaft in JavaScript

Nehmen wir ein Beispiel für einen einfachen HTML -Code, um das JavaScript -Dokument zu formatieren:

Klicken Sie auf OK, um meine Farbe zu ändern

OK

Im obigen Code -Snippet gibt es eine Überschrift, die wir eine ID zugewiesen haben “prüfen”. Darunter haben wir eine Schaltfläche erstellt “OK”Durch das Schaltflächen -Tag und deklarierte das“ONCLICKFunktion für diese Schaltfläche. Dies gibt das an, wenn das “OKDie Schaltfläche "Die Schaltfläche wird angeklickt, auf die"Func ()Die JavaScript -Funktion wird aufgerufen und die in dieser Funktion definierte CSS -Eigenschaft wird in den in HTML geschriebenen Text implementiert.

Im Folgenden finden Sie eine JavaScript -Funktion, um den obigen HTML -Code dynamisch ausführbar zu machen:

Funktion func ()
var y = dokument.GetElementById ("Text");
y.Stil.color = "rot";

Der obige Codesnippet hat eine Funktion namens “Func ()"In welchem ​​Variablen"y"Ist initialisiert und die"GetelementByIdDie Methode wird deklariert, um sich auf die zu beziehenTextID, der den Text (Inhalt) hat. Dann wird die CSS -Eigenschaft eingeführt, um die Farbe des Textes in Rot zu ändern.

Dadurch wird ein Text in der Ausgabebestandoberfläche angezeigt, die beim Klicken auf die Schaltfläche OK die Farbe des Textes auf Rot ändern:

Auf diese Weise können wir CSS -Eigenschaften in JavaScript festlegen.

Abschluss

Wir können CSS -Eigenschaften in einem Element in JavaScript festlegen, indem wir zunächst auf die ID, die Klasse oder das Attribut dieses Elements zugreifen, indem wir die relevante GET -Methode verwenden. Zum Beispiel haben wir im obigen Beitrag die “angewendet“GetelementById" Methode. Definieren Sie danach einfach die CSS -Eigenschaft, die auf dieses Element angewendet werden soll. In diesem Artikel wurde gut erklärt, wie CSS -Eigenschaften in JavaScript festgelegt werden können.