Heim  >  Artikel  >  Web-Frontend  >  So legen Sie die CSS-Höhe in JS fest

So legen Sie die CSS-Höhe in JS fest

藏色散人
藏色散人Original
2021-05-14 10:42:133413Durchsuche

So legen Sie die CSS-Höhe mit js fest: 1. Ändern Sie die Höhe des div, indem Sie den Stilwert des div in der HTML-Datei über js ändern. 2. Verwenden Sie js, um den Höhenwert des div in der CSS-Datei zu ändern.

So legen Sie die CSS-Höhe in JS fest

Die Betriebsumgebung dieses Artikels: Windows 7-System, Javascript 1.8.5, HTML5 und CSS3-Version, Dell G3-Computer.

Wie stelle ich die Höhe von div in js ein?

Öffnen Sie zuerst das von uns getestete Bearbeitungstool. Ich verwende hier Eclipse.

Wir erstellen ein neues Testprojekt und erstellen dann eine neue index.html, basic.js und basic.css-Dateien

So legen Sie die CSS-Höhe in JS fest

Die erste Methode besteht darin, den Stilwert des Div in der HTML-Datei mit js zu ändern, um die Höhe des Div zu ändern. Der Dateicode in der HTML-Datei ist wie in der Abbildung dargestellt

So legen Sie die CSS-Höhe in JS fest

Nachdem wir es ausgeführt haben, sehen wir, dass die Höhe der beiden Divs gleich ist. Als nächstes verwenden wir js, um die Höhe zu ändern

So legen Sie die CSS-Höhe in JS fest

Zu diesem Zeitpunkt geben wir den Code in js ein, um die ID von div1 zu erhalten. Verwenden Sie das dem CSS-Attribut entsprechende Stilattribut und legen Sie die Höhe wie im Bild gezeigt fest. Die zweite Methode besteht darin, den Höhenwert des Div in der CSS-Datei mit js zu ändern. Der Code in der HTML-Datei lautet wie folgt Der im Bild gezeigte Code in der Stylesheet-CSS-Datei ist wie im Bild gezeigt. Nach dem Ausführen des Projekts werden Sie feststellen, dass die Höhe der beiden Divs hier nicht gleich ist Wir erhalten das ID-Attribut von div1 in der js-Datei und verwenden dann obj.style.cssTest, um das eingebettete CSS zu ändern

So legen Sie die CSS-Höhe in JS fest

Dann sind die Ergebnisse nach dem Ausführen des Projekts zweimal gleich. Die Höhe desselben Div hat sich geändert

So legen Sie die CSS-Höhe in JS fest

Empfohlenes Lernen: „

CSS-Video-Tutorial

So legen Sie die CSS-Höhe in JS fest

Das obige ist der detaillierte Inhalt vonSo legen Sie die CSS-Höhe in JS fest. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel:So importieren Sie CSS externNächster Artikel:So importieren Sie CSS extern