So ändern Sie die CSS-Eigenschaften mit Javascript

Cascading Style Sheets (CSS) erstellt das Layout und die Farben auf einer Webseite sichtbar. JavaScript ist eine clientseitige Software zum Programm dynamische Inhalte auf der Seite verwendet. JavaScript kann verwendet werden, um CSS-Eigenschaften auf Ihren Webseiten-Steuerelemente bearbeiten. JavaScript kann Farben, Bilder, Stile und Text in Ihren CSS-Eigenschaften ändern. Dies gibt Ihnen die Möglichkeit, die Webseite von Benutzerinteraktionen zu ändern.

Anweisungen

1 Öffnen Sie Ihre HTML-Datei in Ihrem bevorzugten Texteditor. Dies ist eine einfache, kostenlose Anwendung wie z. B. Editor. Scrollen Sie nach dem Öffnen der Datei, das Element, das Sie bearbeiten möchten. In diesem Beispiel wird eine Formularschaltfläche bearbeitet.

2 Innerhalb der Button-Form-Tag geben Sie den folgenden Code:onClick="javascript:changeVisibility(this);"Das Ereignis "OnClick" ändert die CSS-Eigenschaft, klickt der Benutzer auf die Schaltfläche. "ChangeVisibility" ist eine Funktion, die Sie erstellen, wenn die Visibility-Eigenschaft ändern. Sendet die "dieses" Notation das Button-Objekt an die Funktion, so dass es weiß, welche Schaltfläche auf der Seite zu ändern.

3 Blättern Sie an den Anfang Ihrer HTML-Seite die Javascript-Funktion erstellen. Innerhalb der "< Head >" und "< / head >" Markierungen, geben Sie den folgenden Javascript-Tag-Einträge:< Skript-Typ = "Text/Javascript" >< / script >Dies kennzeichnet einen Block von Javascript-Code, so dass die HTML-Datei mit Anweisungen zum Ausführen von Befehlen statt HTML zu übersetzen hat.

4 Verwenden Sie den folgenden Code, um die CSS-Eigenschaft auf das HTML-Element ändern:Funktion changeVisibility(button){Button.Style.Visibility = "hidden"}In diesem Beispielcode wird die Schaltfläche an die Funktion übergeben. Dann wird die Schaltfläche CSS-Style-Eigenschaft "Sichtbarkeit" auf versteckte geändert. Dadurch wird die Schaltfläche vor dem Benutzer verborgen, so ist es nicht sichtbar auf Ihrer Webseite.