Bagaimanakah Saya Boleh Mengakses Kandungan Badan Iframe Menggunakan JavaScript?

Mendapatkan semula Kandungan Badan Iframe dalam JavaScript

Dalam bidang pembangunan web, iframe memainkan peranan penting dalam membenamkan kandungan HTML luaran ke dalam halaman anda sendiri. Selalunya, anda mungkin menghadapi keperluan untuk mengakses kandungan iframe ini, termasuk elemen badannya.

Pertimbangkan coretan kod HTML berikut:

<iframe></iframe>

Mengakses Badan Iframe

Untuk mendapatkan semula kandungan badan iframe ini dalam JavaScript, kami boleh menggunakan pendekatan berikut:

1. Dapatkan Objek Iframe:

   const iframe = document.getElementById('id_description_iframe');

2. Dapatkan Tetingkap Kandungan:

   Dalam penyemak imbas baharu, anda boleh mengakses terus objek dokumen iframe. Walau bagaimanapun, untuk keserasian merentas pelayar, kita boleh menggunakan pendekatan berikut:

   const iframeDocument = iframe.contentDocument || iframe.contentWindow.document;

3. Akses Elemen Badan:

   Dalam iframe dokumen, kita boleh mendapatkan semula elemen badan menggunakannya pengecam:

   const iframeBody = iframeDocument.getElementById('frameBody');

4. Ekstrak Kandungan Badan:

   Akhir sekali, kita boleh mengakses kandungan teks badan elemen:

   const bodyText = iframeBody.textContent;

Nota:

Pendekatan ini berfungsi dengan mengandaikan bahawa kandungan iframe dimuatkan daripada asal yang sama atau asal silang itu dasar tidak dikuatkuasakan ke atas persekitaran anda. Selain itu, jika elemen badan dalam iframe tidak mempunyai ID, anda boleh menggunakan pemilih CSS untuk mencarinya.

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