Die Style-Klasse mit JavaScript ändern

Die Style-Klasse für Objekte auf Ihren Web-Seiten dient zum Ändern von Farben, Sichtbarkeit und Schriftattribute. Sie können die Formate mit JavaScript-Code in Ihre Web-Seiten-Layout ändern. Dies macht Ihr Layout dynamische für Benutzer. Die Style-Klasse ist vorteilhaft für Menüs, Formulare und andere Teile einer Webseite, die schnelle Änderungen nach Benutzereingaben benötigen. Da JavaScript auf dem Client-Webbrowser ausgeführt wird, es ist schneller und erfordert nicht den Benutzer warten, bis eine neue Seite geladen.

Anweisungen

1 Erstellen Sie einen Skriptblock auf Ihrer Webseite. Alle JavaScript-Code sollte in einem Script-Block enthalten sein, damit das Web-Browser weiß, dass der Code ausgeführt werden soll. Der folgende Code erstellt einen Script-Block:< Skript-Typ = "Text/Javascript" >< / script >

2 Erstellen Sie ein Element auf Ihrer Webseite. Die meisten Elemente einer Webseite haben die Style-Klasse zur Verfügung, so können Sie das Format ändern. In diesem Beispiel wird ein Textfeld im folgenden Code erstellt:< Eingang Typ = "Text" Id = "MyTextbox" >

3 Fügen Sie den JavaScript-Code, um den Stil des Elements zu ändern. Es gibt mehrere Stile zur Verfügung. In diesem Beispiel wird JavaScript verwendet, um die Sichtbarkeit des Elements, das "versteckte" festlegen Der Code dazu ist unten:Document.getElementById("myTextBox").style [Sichtbarkeit] = "hidden";

Tipps & Warnungen

• Das Ressource-Link enthält eine Liste der Formatvorlagen für dynamische JavaScript-Skripten zur Verfügung.