Divs haben Tabellen als Rahmen hinter Website-Design ersetzt. Sie verwenden divs , Inhalte wie Texte, Bilder und Multimedia halten . Diese divs kann basierend auf Benutzer-Interaktion mit der Seite zu ändern . Zum Beispiel können Sie auf eine Schaltfläche den Text im div ändern oder verändern die Farbe des div . Sie können Code eingeben , um beide Effekte zu erzeugen. Anleitung 1
Öffnen Sie ein vorhandenes HTML-Dokument oder erstellen Sie eine neue in Ihrem Texteditor. 2
Legen Sie eine leere div mit der ID " sampleDiv " und zwei Tasten mit der Klasse "button" zwischen den Tags
und . Die Tasten löst die JavaScript-Funktionen namens " changeText " und " ChangeColor " wie folgt:
3
Einfügen der folgenden Styling für den div und Tasten zwischen den Tags
und in der HTML-Dokument. Machen Sie den div 200 Pixel breit und 50 Pixel tief mit einem schwarzen Rand . Fügen Sie etwas padding auf die Tasten . Erstellen Sie einen Stil für eine Klasse namens " redcolor " , die die Hintergrundfarbe eines Elements auf rot ändert