Tetapi apabila mengulangi HTMLElement.style, atribut trengkas kelihatan seperti pepijat"> Nilai sifat trengkas latar belakang berkembang secara tidak betul apabila cuba memanggil HTMLElement.style-Soal Jawab Rangkaian PHP Cina
简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Nilai sifat trengkas latar belakang berkembang secara tidak betul apabila cuba memanggil HTMLElement.style
P粉269530053
P粉269530053 2023-09-03 21:10:48
0
2
406

Dalam gaya elemen, saya mempunyai beberapa pengisytiharan CSS sebaris, termasuk pengisytiharan singkatan untuk latar belakang

 
for (pengisytiharan const Array.from(target.style)) { nilai const = target.style.getPropertyValue(deklarasi) console.log(`${deklarasi}: ${value}`) }

Ini sepatutnya mencetak background-color: var(--bg-white) mengikut dokumentasi HTMLElement.style pada MDN, tetapi saya mendapat background-color: ' '

Sifat singkatan dikembangkan. Jika anda menetapkan style="border-top: 1px Solid black", sifat biasa (border-top-color, border-top-style dan border-top-width) akan ditetapkan.

Adakah sesiapa yang menghadapi situasi ini?

P粉269530053
P粉269530053

membalas semua (2)
P粉413307845
P粉4133078452023-09-04 20:05:48 Tingkat 2

Masalah menggunakan lelaran lalaiArray.from(target.style)获取target.style. Ia tidak termasuk sifat latar belakang. Mengikut spesifikasi, sifat trengkas telah diperluaskan ke pelbagai bahagiannya.

Semuanya diterangkan dalam kod.

Terima kasih kepada @t.niese atas petua dalam komen.

Test
Suka+0
Tambah Balasan
    P粉436410586
    P粉4364105862023-09-04 17:12:59 Tingkat 1

    Jika anda menggunakan atributHTMLElement.style，它将返回通过styleuntuk menerapkannya secara langsung (bukannya mengiranya).

    Dalam kes ini, penyemak imbas tidak mempunyai cara untuk mengetahui di mana pernyataanbackground: var(--bg-white);中的var(...)将解析什么并它将包含哪些background-...属性（变量的内容将放置在var(...)itu dan kemudian nilai yang terhasil akan dihuraikan.

    Jadi jika anda sebagai contoh mempunyai--bg-white: content-box Radial-gradient(crimson, skyblue);那么你的--bg-whiteia sebenarnya akan menjejaskan beberapa sifat.

    Suka+0
    Tambah Balasan
      Topik popular
      Lagi>
      Artikel popular
      Tutorial Popular
      Lagi>
      Tutorial berkaitan
      Cadangan popular
      Kursus terkini
      Muat turun terkini
      Lagi>
      kesan web
      Kod sumber laman web
      Bahan laman web
      Templat hujung hadapan
      Tentang kita Penafian Sitemap
      Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！