Divs sind Container, die Inhalte zu halten in einer Webseite HTML -Codierung. Web-Designer oft fügen Stil-Codes zu jedem div Code, z. B. die Zuweisung eines bestimmten Schriftart, Schriftgröße und Hintergrundfarbe auf den Behälter , um den Inhalt von anderen Abschnitten der Seite zu unterscheiden. JavaScript-Funktionen ermöglichen ein Web-Designer , um die Stile dieser div auf eine Aktion des Benutzers basierend , wie das Klicken auf einen Link zu ändern. Die Seite ist nicht neu zu laden , aber der Auftritt div Veränderungen in einem nahtlosen Transformation. Anleitung
1
erstellen div mit einigen Beispiel-Text zwischen Ihrer Seite öffnenden und schließenden Body-Tags ,
und sind, und geben Sie Ihre div die ID "Probe" und Klasse von " oldDiv ":
Einige Header hier
Sample text hier .
2
Fügen Sie einen Link, der eine JavaScript-Funktion auslöst, genannt " changeDivCode " das wird sich ändern Ihr Stil -Code auf Ihrer div:
ändern Sie den Div -Kodex
3
erstellen Sie die JavaScript-Funktion " changeDivCode " zwischen den Kopf-Tags ,
und , das wird die Klasse auf das div von " oldDiv " bis " newDiv " ändern: