Wie überschreibe ich den Stil „!important“ in JavaScript?

Überschreiben des !important-Stils

Diese Stildeklaration aus einem externen Stylesheet:

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

verhindert JavaScript Verwenden Sie element.style.display = "inline" oder element.style.display = "inline !important", um das Element wieder sichtbar zu machen.

Lösung:

Um den !important-Stil mithilfe von JavaScript zu überschreiben, gibt es einige Optionen:

1. Legen Sie das Attribut „style“ fest:

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

2. Ändern Sie die cssText-Eigenschaft des Style-Objekts:

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

3. Verwenden Sie die setProperty-Methode:

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

Jede davon überschreibt erfolgreich den !important-Stil.

Das obige ist der detaillierte Inhalt vonWie überschreibe ich den Stil „!important“ in JavaScript?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!