Wie ändern Div Höhe mit JavaScript auf Auflösung

March 18

JavaScript können Sie die Höhe des HTML-Elemente dynamisch basierend auf die Bildschirmauflösung des Computers des Benutzers ändern. Diese Art der Programmierung können Sie dynamisch Elemente Größe für einen leichteren Zugang für Benutzer versehentlich ohne Bildlauf um das HTML-Element zu finden.

Anweisungen

1 Mit der Maustaste der JS oder HTML-Datei, die Sie verwenden, um die "Div"-Höhe ändern möchten. Wählen Sie "Öffnen mit", und doppelklicken Sie dann den Editor, die, den Sie verwenden, um die Dateien zu erstellen.

2 Erkennen Sie die Bildschirmauflösung. Sie verwenden "Screen"-Klasse, die Auflösung des Lesers Computer abgerufen. Geben Sie den folgenden Code zum Abrufen von der Auflösung:

Var-Höhe = Bildschirm. Höhe;

3 Geben Sie den Code, der die Div-Höhe ändert. Um ein Div-Höhe festzulegen, verwenden Sie die "Stil"-Klasse. Der folgende Code veranschaulicht die Höhe relativ die Bildschirmauflösung zu ändern:

Document.getElementById("div").style.height = Höhe/2;

Der obige Code macht dem Div halb so hoch wie die Bildschirmauflösung.