Comment supprimer dynamiquement les propriétés CSS avec JavaScript ?

Suppression dynamique des propriétés CSS avec JavaScript

Suppression d'une propriété CSS à l'aide de removeProperty()

JavaScript fournit la méthode removeProperty() méthode pour supprimer une propriété CSS spécifique d’un élément. Cette méthode prend le nom de la propriété comme argument et le supprime du style de l'élément.

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

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

Définir la propriété sur sa valeur par défaut

Vous pouvez également supprimer une propriété CSS en la définissant à sa valeur par défaut. Par exemple, la valeur par défaut de la propriété "zoom" est "1".

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

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

Dans ce cas, le navigateur fera référence aux feuilles de style (via les balises de lien et de style) pour appliquer le niveau de zoom approprié , supprimant ainsi la propriété de zoom local définie sur l'élément.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!