Comment remplacer le style « !important » en JavaScript ?

Remplacer le style !important

Cette déclaration de style à partir d'une feuille de style externe :

<code class="css">td.EvenRow a {
  display: none !important;
}</code>

empêche JavaScript de en utilisant element.style.display = "inline" ou element.style.display = "inline !important" pour remettre l'élément visible.

Solution :

Pour remplacer le style !important à l'aide de JavaScript, il existe quelques options :

1. Définissez l'attribut « style » :

<code class="js">element.setAttribute('style', 'display:inline !important');</code>

2. Modifiez la propriété cssText de l'objet Style :

<code class="js">element.style.cssText = 'display:inline !important';</code>

3. Utilisez la méthode setProperty :

<code class="js">element.style.setProperty('display', 'inline', 'important');</code>

N'importe lequel d'entre eux remplacera avec succès le style !important.

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!