Wie entferne ich CSS-Eigenschaften dynamisch mit JavaScript?

CSS-Eigenschaften dynamisch mit JavaScript entfernen

Eine CSS-Eigenschaft mit removeProperty() entfernen

JavaScript stellt die Funktion „removeProperty()“ bereit. Methode zum Entfernen einer bestimmten CSS-Eigenschaft aus einem Element. Diese Methode verwendet den Eigenschaftsnamen als Argument und entfernt ihn aus dem Stil des Elements.

<code class="javascript">// Select the element
const element = document.getElementById('myElement');

// Remove the "zoom" property
element.style.removeProperty('zoom');</code>

Festlegen der Eigenschaft auf ihren Standardwert

Alternativ können Sie eine CSS-Eigenschaft entfernen, indem Sie sie festlegen auf den Standardwert zurückgesetzt. Der Standardwert für die Eigenschaft „zoom“ ist beispielsweise „1“.

<code class="javascript">// Select the element
const element = document.getElementById('myElement');

// Set the "zoom" property to its default value
element.style.zoom = "";</code>

In diesem Fall verweist der Browser auf die Stylesheets (über Link- und Style-Tags), um die entsprechende Zoomstufe anzuwenden , wodurch die für das Element festgelegte lokale Zoomeigenschaft effektiv entfernt wird.

Das obige ist der detaillierte Inhalt vonWie entferne ich CSS-Eigenschaften dynamisch mit JavaScript?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!