Bagaimana untuk Mengatasi Gaya `!penting` dalam JavaScript?

Mengatasi Gaya !penting

Pengisytiharan gaya ini daripada helaian gaya luaran:

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

menghalang JavaScript daripada menggunakan element.style.display = "inline" atau element.style.display = "inline !important" untuk menetapkan semula elemen kepada kelihatan.

Penyelesaian:

Untuk mengatasi gaya !penting menggunakan JavaScript, terdapat beberapa pilihan:

1. Tetapkan Atribut 'gaya':

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

2. Ubah suai Sifat cssText Objek Gaya:

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

3. Gunakan Kaedah setProperty:

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

Mana-mana daripada ini akan berjaya mengatasi gaya !penting.

Atas ialah kandungan terperinci Bagaimana untuk Mengatasi Gaya `!penting` dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!