Mengapakah `this.style[property]` Mengembalikan Rentetan Kosong untuk Gaya Diwarisi?

Memahami Pemulangan Rentetan Kosong this.style[property]

Apabila mengakses sifat gaya elemen HTML, menggunakan sintaks this.style[property], adalah penting untuk ambil perhatian bahawa ia hanya mengembalikan gaya yang digunakan secara langsung pada elemen itu sendiri. Gaya yang diwarisi daripada helaian gaya luaran atau dikira daripada peraturan melata tidak disertakan.

Dalam coretan kod yang disediakan:

function css(prop, value) {
  if (value == null) {
    // retrieve style
    return this.style[prop]; // returns an empty string
  }
  // set style
}

Elemen panggilan.css("height") akan mengembalikan rentetan kosong kerana gaya ketinggian ditakrifkan dalam helaian gaya luaran. Gaya sebaris yang digunakan pada elemen (latar belakang: #CCC) tidak berkaitan di sini.

Cara Mendapatkan Maklumat Gaya Dikira

Untuk mendapatkan semula nilai berkesan gaya, termasuk yang diwarisi atau dikira , gunakan fungsi getComputedStyle():

const style = getComputedStyle(element);
console.log(style.height); // returns "100px"

Atas ialah kandungan terperinci Mengapakah `this.style[property]` Mengembalikan Rentetan Kosong untuk Gaya Diwarisi?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!