Bagaimanakah Saya Boleh Mendapatkan semula Gaya Dikira daripada Iframe Merentas Domain?-tutorial css-php.cn

Rumah

hujung hadapan web

tutorial css

Bagaimanakah Saya Boleh Mendapatkan semula Gaya Dikira daripada Iframe Merentas Domain?

Barbara Streisand

Nov 30, 2024 am 03:25 AM

How Can I Retrieve Computed Styles from a Cross-Domain Iframe?

Dapatkan Gaya Pengiraan daripada Iframe Silang-Domain

Artikel ini memfokuskan pada mendapatkan gaya pengiraan unsur HTML dalam iframe yang terletak pada domain lain. Matlamatnya ialah untuk mendapatkan semula sifat CSS tertentu seperti ketinggian dan lebar yang dikira dan digunakan oleh penyemak imbas.

Untuk mengakses gaya yang dikira, anda boleh menggunakan yang berikut:

Pelayar Selain IE

window.getComputedStyle(document.getElementById("frameId"), null).getPropertyValue("height")

Skrip ini mengembalikan ketinggian pengiraan elemen. Sebagai alternatif, anda juga boleh menggunakan:

window.getComputedStyle(document.getElementById("frameId"), null).getPropertyCSSValue("height").cssText

IE

element.currentStyle

Kaedah ini mengembalikan objek gaya semasa untuk elemen yang ditentukan.

Pertimbangan Merentas Domain

Memandangkan anda tidak boleh mengakses iframe secara langsung disebabkan oleh sekatan merentas domain, anda perlu mencari cara lain untuk mengakses elemen anda perlukan. Anda boleh melakukan ini dengan memanipulasi DOM dokumen iframe.

Memilih Elemen Sasaran

Untuk memilih elemen yang dikehendaki, anda boleh menggunakan yang berikut:

document.getElementById("frameId").contentDocument.getElementById("brshtml")

Ini mengandaikan bahawa elemen kepala dokumen iframe mempunyai id "brshtml."

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mendapatkan semula Gaya Dikira daripada Iframe Merentas Domain?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel Berkaitan

Popovers boleh diguna semula untuk menambah sedikit popApr 17, 2025 am 11:02 AM

Popover adalah pandangan sementara yang muncul di atas kandungan pada skrin apabila pengguna mengklik pada butang kawalan atau dalam kawasan yang ditetapkan. Contohnya,

Pautan gaya dengan garis bawah sebenarApr 17, 2025 am 10:57 AM

Sebelum kita datang ke cara menggariskan gaya, kita harus menjawab soalan: Sekiranya kita menggariskan?

Berita Platform Mingguan: Atribut Memuat HTML, Spesifikasi ARIA Utama, dan Bergerak Dari IFRAME ke Shadow DomApr 17, 2025 am 10:55 AM

Pada minggu ini, berita platform, Chrome memperkenalkan atribut baru untuk memuatkan, spesifikasi aksesibiliti untuk pemaju web, dan gerakan BBC

Multiplayer Tic Tac Toe Dengan GraphqlApr 17, 2025 am 10:54 AM

GraphQL adalah bahasa pertanyaan untuk API yang sangat memberdayakan untuk pemaju depan. Seperti laman grafql menerangkannya, anda menerangkan data anda, minta apa

Operasi logik dengan pembolehubah CSSApr 17, 2025 am 10:44 AM

Sering kali, semasa menggunakan pembolehubah suis (pembolehubah yang sama ada 0 atau 1, konsep yang dijelaskan secara terperinci dalam jawatan ini), saya harap saya dapat

LOAD LOAD Video YouTube TerbenamApr 17, 2025 am 10:40 AM

Ini adalah idea yang sangat bijak melalui Arthur Corenzan. Daripada menggunakan embed YouTube lalai, yang menambah crapload sumber ke halaman sama ada pengguna bermain

Bolehkah anda memutar kursor dalam CSS?Apr 17, 2025 am 10:28 AM

Kinda! Tidak ada cara yang mudah atau standard untuk melakukannya, tetapi ia mungkin. Anda boleh menukar kursor ke versi asli terbina dalam yang berbeza dengan CSS dengan

Menu hamburger dengan sisi cangkuk reaksi dan komponen gayaApr 17, 2025 am 10:21 AM

Kita semua tahu apa menu hamburger, bukan? Apabila corak mula masuk ke dalam reka bentuk web, ia kedua -duanya dihina dan bertepuk tangan kerana minimalisnya

See all articles