Bagaimanakah Saya Boleh Mengakses Elemen Di Dalam Iframe Menggunakan JavaScript?

Mengakses Elemen Iframe dengan JavaScript dengan Merujuk Dokumen

Dalam pembangunan web, selalunya perlu untuk berinteraksi dengan elemen dalam iframe daripada induk tingkap. Walau bagaimanapun, mengakses elemen iframe secara langsung boleh menjadi rumit disebabkan oleh sekatan keselamatan. Artikel ini membentangkan penyelesaian kepada cabaran ini dengan memanfaatkan sifat contentWindow atau contentDocument untuk mendapatkan rujukan kepada dokumen iframe.

Untuk mengakses elemen iframe, ikut langkah berikut:

1. Kenal pasti elemen iframe mengikut ID atau namanya.
2. Gunakan sifat contentWindow bagi elemen iframe untuk mengakses tetingkap anaknya. Jika sifat itu tidak ditentukan, gunakan sifat contentDocument sebaliknya.
3. Gunakan sifat dokumen tetingkap anak untuk mendapatkan rujukan kepada dokumen iframe.
4. Kini, anda boleh menggunakan kaedah JavaScript untuk mengakses dan memanipulasi elemen dalam iframe, seperti getElementsByTagName().

Sebagai contoh, pertimbangkan kod HTML berikut:

<form name="formname" ....>

Untuk mengakses elemen textarea dalam iframe, gunakan JavaScript berikut:

function iframeRef( frameRef ) {
    return frameRef.contentWindow
        ? frameRef.contentWindow.document
        : frameRef.contentDocument
}

var inside = iframeRef( document.getElementById('one') )

Pembolehubah 'dalam' kini mewakili rujukan kepada dokumen iframe , membolehkan anda mengakses dan memanipulasi elemennya mengikut keperluan.

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