Heim >Web-Frontend >CSS-Tutorial >So ändern Sie CSS-Eigenschaften

So ändern Sie CSS-Eigenschaften

coldplay.xixi
coldplay.xixiOriginal
2021-03-23 16:49:182823Durchsuche

Methoden zum Ändern von CSS-Attributen: 1. Ändern Sie das Farbattribut im CSS-Attribut über [document.getElementById()] 2. Ändern Sie das Hintergrundattribut im CSS-Attribut über [document.getElementById()].

So ändern Sie CSS-Eigenschaften

Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3-Version, DELL G3-Computer.

So ändern Sie CSS-Attribute:

1. Ändern Sie das Farbattribut im CSS-Attribut des HTML-Elements. Verwenden Sie die Methode document.getElementById(), um das HTML-Elementobjekt abzurufen und dessen Eigenschaft style.color festzulegen, um die Textfarbe zu ändern. Der folgende Code setzt beispielsweise die Textfarbe des p-Elements auf Blau, wenn auf die Schaltfläche „Eigenschaften ändern“ geklickt wird.

So ändern Sie CSS-Eigenschaften

2. Ändern Sie das Hintergrundattribut im CSS-Attribut des HTML-Elements. Verwenden Sie die Methode document.getElementById(), um das HTML-Elementobjekt abzurufen und dessen Eigenschaft style.backgroundColor festzulegen, um die Hintergrundfarbe zu ändern. Der folgende Code setzt beispielsweise den Hintergrund des p-Elements auf die Farbe #FFCC80, wenn auf die Schaltfläche „Attribute ändern“ geklickt wird.

So ändern Sie CSS-Eigenschaften

3. Ändern Sie das Breitenattribut im CSS-Attribut des HTML-Elements. Verwenden Sie die Methode document.getElementById(), um das HTML-Elementobjekt abzurufen, und legen Sie dessen Eigenschaft style.width fest, um die Breite zu ändern. Der folgende Code legt beispielsweise die Breite des p-Elements auf 300 Pixel fest, wenn auf die Schaltfläche „Attribute ändern“ geklickt wird.

So ändern Sie CSS-Eigenschaften

Empfohlene verwandte Tutorials: CSS-Video-Tutorial

Das obige ist der detaillierte Inhalt vonSo ändern Sie CSS-Eigenschaften. 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