Ändern Sie den Stil des HTML-Textkörpers in JS

Ändern Sie den Stil des HTML-Textkörpers in JS

1. Ursprüngliche Definition

Definieren Sie zunächst in CSS: body , html Breite und -Höhe betragen 300px

Text, HTML {
   Breite: 300px;
   Höhe: 300px;
}

2. JS-Operation am Beispiel der Breitenänderung

// Holen Sie sich den Body und die HTML-Knotenstile (hier hauptsächlich HTML, es ist zunächst nicht klar, wie man es bekommt)
let bodyStyle = Dokument.body.style
let htmlStyle = document.getElementsByTagName('html')[0].style

// Breite des Browsers abrufen. Die Breite kann auch auf einen beliebigen Wert eingestellt werden. let width = document.documentElement.clientWidth || document.body.clientWidth

// Textbreite zurücksetzen bodyStyle.width = `${width}px`

// HTML-Breite zurücksetzen htmlStyle.width = `${width}px`

// Oder andere Stiländerungen, wie zum Beispiel:
htmlStyle['min-width'] = `${width}px`

3. Wirkung: Breite wurde verändert

Dies ist das Ende dieses Artikels zum Ändern des Stils des HTML-Textkörpers in JS. Weitere Informationen zum Ändern des Stils des HTML-Textkörpers in JS finden Sie in früheren Artikeln auf 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, Sie werden 123WORDPRESS.COM auch in Zukunft unterstützen!

Das könnte Sie auch interessieren:
  • HTML plus CSS-Stil zum Erreichen des Beispielcodes für die Homepage eines JS-Food-Projekts
  • HTML+CSS+JavaScript, um eine Rubbellosversion für die Freundin zu erstellen (Sie werden es lernen, sobald Sie es sehen)
  • Detaillierte Erläuterung der Verwendung von HTML-Canvas und Seitenspeichertechnologie in JavaScript
  • JS, CSS und HTML zur Implementierung der Registrierungsseite
  • SpringMVC @RequestBody Datumstyp Json-Konvertierungsmethode
  • C# sendet eine POST-Anfrage mit JSON-Body über HttpWebRequest
  • Lösen Sie das Problem, dass @RequestBody ein JSON-Objekt empfängt und Fehler 415 meldet.
  • Lassen Sie uns über die Beziehung zwischen @RequestBody und Json sprechen

<<:  So ersetzen Sie alle Tags im HTML-Text

>>:  Verwenden Sie Tomcat, um das SpringBoot-War-Paket in einer CentOS-Umgebung bereitzustellen

Artikel empfehlen

Standards zum Schreiben von Codekommentaren bei der Webseitenerstellung

<br />Ich habe die in meiner Arbeit verwende...

Nicht standardmäßiger Implementierungscode für die MySQL UPDATE-Anweisung

Heute werde ich Ihnen einen Unterschied zwischen ...

So legen Sie den Fokus auf HTML-Elemente fest

Code kopieren Der Code lautet wie folgt: <Körp...

Verwendung von MySQL-Triggern

Inhaltsverzeichnis 1. Trigger-Einführung 1. Was i...

CSS-Code zur Unterscheidung von IE8/IE9/IE10/IE11 Chrome Firefox

Das Debuggen der Website-Kompatibilität ist wirkl...

VMware vsphere 6.5 Installationstutorial (Bild und Text)

vmware vsphere 6.5 ist die klassische Version der...

Beispiel für die Konfiguration der Timeout-Einstellung für MySQL-Datenbanken

Inhaltsverzeichnis Vorwort 1. JDBC-Timeout-Einste...

Detaillierte Erklärung der schmerzlosen Token-Aktualisierungsmethode von Uniapp

Wenn das Front-End die Schnittstelle anfordert, w...

Die Vollversion des gängigen Linux-Tools vi/vim

Warum Vim lernen? Linux verfügt über eine große A...

MySQL-Lernaufzeichnung: Blutiger Vorfall durch KEY-Partition verursacht

Nachfragehintergrund Ein Teil der Daten in der Ge...

jQuery-Plugin zur Implementierung des Minesweeper-Spiels (2)

In diesem Artikel wird der zweite Artikel zur Ver...