Bagaimana untuk Mengakses Elemen dalam Iframe Menggunakan JavaScript?

Mengakses Elemen dalam Iframe Menggunakan JavaScript

Artikel ini menangani isu mengakses elemen yang terkandung dalam iframe menggunakan JavaScript. Objektif utama adalah untuk mendapatkan semula nilai textarea yang terletak dalam iframe daripada halaman anaknya.

Pendekatan tradisional menggunakan window.parent.getElementByID().value gagal mendapatkan semula nilai textarea dalam iframe. Untuk menyelesaikan isu ini, penyelesaiannya terletak pada memanfaatkan koleksi window.frames.

Akses Elemen dalam Iframe Domain Yang Sama

Jika iframe berada dalam domain yang sama dengan halaman induk, mengakses elemennya adalah mudah. Koleksi window.frames menyediakan cara untuk berinteraksi dengan kandungan iframe.

// Replace 'myIFrame' with the ID of your iframe
// Replace 'myIFrameElemId' with the ID of the element within the iframe
// You can now manipulate elements within the iframe as if they were part of the
// parent document
window.frames['myIFrame'].document.getElementById('myIFrameElemId')

Mengakses Elemen dalam Iframe Rentas Domain

Walau bagaimanapun, jika iframe dihoskan pada domain yang berbeza, langkah keselamatan penyemak imbas menghalang akses sedemikian. Percubaan untuk berinteraksi dengan iframe merentas domain akan menyebabkan pengecualian disebabkan oleh Dasar Asal yang Sama.

Dalam kes ini, pendekatan alternatif, seperti menggunakan postMessage untuk komunikasi silang asal, mungkin diperlukan untuk mewujudkan jambatan antara halaman induk dan kandungan iframe.

Atas ialah kandungan terperinci Bagaimana untuk Mengakses Elemen dalam Iframe Menggunakan JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!