Ä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

Implementierung von Docker-Datenvolumenoperationen

Erste Schritte mit Datenvolumes Wenn wir im vorhe...

Windows 10 ist zu schwierig zu verwenden. Wie passen Sie Ihr Ubuntu an?

Autor | Herausgeber Awen | Produziert von Tu Min ...

Fallstudie zur dynamischen Datenbindung von this.$set in Vue

Ich finde, dass die Erklärung von this.$set im In...

Detaillierte Erklärung gängiger Docker-Befehle

1. Hilfe-Befehl 1. Aktuelle Docker-Version anzeig...

Einführung in JavaScript-Zahlen- und Mathematikobjekte

Inhaltsverzeichnis 1. Zahlen in JavaScript 2. Mat...

Über das durch die HTML-Kodierung verursachte verstümmelte Problem

Heute hat ein Student im dritten Studienjahr eine...

Implementierung einer Login-Seite basierend auf layui

In diesem Artikelbeispiel wird der spezifische Co...

Vollständige Analyse des MySQL INT-Typs

Vorwort: Integer ist einer der am häufigsten verw...

Tutorial zu HTML-Formular-Tags (1):

Formulare sind eine wichtige externe Form zur Imp...

Fähigkeiten zur Erstellung von Webformularen

Tatsächlich haben die drei obigen Tabellen alle d...