Bagaimanakah Saya Mengakses Elemen Di Dalam iFrame?

Mendapatkan semula Elemen dari dalam iFrame

Mengakses elemen dalam iFrame selalunya menimbulkan cabaran dalam pembangunan web. Walau bagaimanapun, memahami mekanisme di sebaliknya membolehkan anda menavigasi dan memanipulasi kandungan iFrame dengan berkesan.

Penyelesaian

Untuk mendapatkan elemen daripada iFrame, anda perlu mendapatkan semula iFrame terlebih dahulu objek dokumen kandungan. Ini boleh dicapai menggunakan sifat iframe.contentDocument atau iframe.contentWindow.document.

var iframe = document.getElementById('iframeId');
var innerDoc = (iframe.contentDocument) ? iframe.contentDocument : iframe.contentWindow.document;

Versi yang dipermudahkan ialah:

var iframe = document.getElementById('iframeId');
var innerDoc = iframe.contentDocument || iframe.contentWindow.document;

Kod ini mendapatkan semula dokumen dalaman pertama yang sah. Setelah diperoleh, anda boleh mengakses dalaman iFrame sama seperti cara anda mengakses elemen pada halaman semasa anda.

Pertimbangan Silang Asal

Penting untuk diperhatikan bahawa sekatan silang asal terpakai apabila mengakses kandungan iFrame. Jika iFrame tidak berada pada domain yang sama dengan halaman semasa anda, anda mungkin menghadapi had akses. Ini dikenali sebagai Dasar Asal Sama dan memastikan keselamatan data.

Rujukan

• MDN: < iframe> Skrip


• MDN: Same-Origin Policy: Cross-Origin Script API Access

Atas ialah kandungan terperinci Bagaimanakah Saya Mengakses Elemen Di Dalam iFrame?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!