Tutorial zum Ändern von Inline-Stilen von element.style

Vorwort

Als wir den Stil der Webseite oben geschrieben haben, haben wir festgestellt, dass der Stil auf der Seite manchmal nicht geändert wurde, egal wie wir den Wert im Stil geändert haben. Wenn Sie das Tool verwenden, um ihn anzuzeigen, werden Sie feststellen, dass darin ein Wert von element.style enthalten ist, aber Sie können nicht finden, wo dieser Wert erscheint, und ihn nicht ändern.

Tatsächlich ist element.style ein Inline-Stil, der in manchen JavaScript-Codes oft fest codiert ist. Diese Methode ist ziemlich schlecht. Aber manchmal stoßen wir auf dieses Problem, wenn wir JS-Dateien von Drittanbietern verwenden. Wie ändern wir es also? Verwenden Sie die Syntaxpriorität !important im Quellcode, um den gewünschten Effekt zu erzielen.

Zum Beispiel:

Standardmäßig ist das transparente Bild oben grün. Wir können nicht herausfinden, wie wir element.style ändern können. Derzeit können wir es im folgenden CSS-Stylesheet ändern:

Fügen Sie wie oben gezeigt eine Opazität von 100 ! wichtig; zum CSS-Stylesheet hinzu. Sie können sehen, dass die oberste Opazität von 0 deaktiviert ist, was bedeutet, dass Opazität von 100 zuerst angezeigt wird.

Zusammenfassen

Das Obige ist der vollständige Inhalt dieses Artikels. Ich hoffe, dass der Inhalt dieses Artikels Ihnen bei Ihrem Studium oder Ihrer Arbeit helfen kann. Wenn Sie Fragen haben, können Sie eine Nachricht hinterlassen. Vielen Dank für Ihre Unterstützung von 123WORDPRESS.COM.