Wie lege ich CSS-Eigenschaften für ein erstelltes „Element' in JavaScript dynamisch fest?

So legen Sie CSS-Eigenschaften in JavaScript fest

Bei der Arbeit mit dem DOM in JavaScript ist es oft notwendig, die CSS-Eigenschaften von Elementen zu manipulieren. Dazu gehört das Festlegen von Attributen wie Breite, Höhe, Farbe und mehr.

Frage:

Angenommen, Sie haben ein erstellt. Element dynamisch mit document.createElement('select') erstellen. Wie würden Sie CSS-Attribute, wie zum Beispiel width: 100px, mit JavaScript festlegen?

Antwort:

Um CSS-Eigenschaften in JavaScript festzulegen, können Sie die style-Eigenschaft von verwenden das Element. So würden Sie es in Ihrem Fall tun:

<code class="javascript">var menu = document.createElement('select');
menu.style.width = "100px";</code>

Dadurch wird die Breite des

-Felds dynamisch festgelegt. Element mit JavaScript auf 100 Pixel reduzieren. Sie können auf diese Weise jede unterstützte CSS-Eigenschaft anwenden, z. B. Höhe, Hintergrundfarbe, Schriftgröße usw.

Beachten Sie, dass die Stileigenschaft ein CSSStyleDeclaration-Objekt ist, mit dem Sie einzelne Stile bearbeiten können erhalten ihre aktuellen Werte. Sie können damit auch mehrere Stile gleichzeitig festlegen, indem Sie ein Objekt übergeben:

<code class="javascript">menu.style = {
  width: "100px",
  height: "200px",
  backgroundColor: "blue",
};</code>

Das obige ist der detaillierte Inhalt vonWie lege ich CSS-Eigenschaften für ein erstelltes „Element' in JavaScript dynamisch fest?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!