Bagaimanakah Saya Boleh Mengakses Gaya Pengiraan Elemen dalam Iframe Merentas Domain?

Mengakses Gaya Pengiraan Elemen dalam Iframe Rentas Domain

Anda ingin mendapatkan nilai gaya yang dikira untuk elemen dalam iframe merentas domain . Maklumat gaya elemen ini tidak boleh diakses secara langsung kerana sekatan silang asal.

Untuk mengatasi had ini, anda boleh menggunakan kaedah window.getComputedStyle(). Kaedah ini tersedia dalam penyemak imbas seperti Firefox, Opera dan Safari, dan ia membolehkan anda mendapatkan semula gaya yang dikira untuk elemen.

Penggunaan:

const element = document.getElementById("frameId");
const computedStyle = window.getComputedStyle(element);
const height = computedStyle.getPropertyValue("height");
const width = computedStyle.getPropertyValue("width");

Kod di atas akan mendapatkan semula ketinggian dan lebar yang dikira untuk elemen di dalam iframe dengan id "frameId."

Nota:

Sifat currentStyle boleh digunakan dalam IE untuk mengakses gaya yang dikira, tetapi perlu diperhatikan bahawa penyemak imbas yang berbeza mengembalikan objek yang berbeza untuk gaya yang dikira.

Jika anda ingin mendapatkan semula gaya yang dikira untuk kandungan iframe, anda perlu untuk menavigasi ke DOM iframe dan menggunakan teknik yang sama pada dokumennya.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mengakses Gaya Pengiraan Elemen dalam Iframe Merentas Domain?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!