Bagaimanakah Saya Mengakses Elemen Div Di Dalam IFrame?-tutorial js-php.cn

Mengakses Elemen Dalam iFrames

Mengakses elemen dalam iFrames boleh menjadi cabaran biasa yang dihadapi dalam pembangunan web. iFrames ialah bingkai terbenam yang digunakan untuk memuatkan kandungan luaran ke dalam halaman web dan memahami cara berinteraksi dengan elemen dalaman mereka adalah penting.

Soalan: Bagaimanakah kita boleh mendapatkan semula elemen terletak dalam ?

Jawapan:

Untuk mendapatkan semula elemen daripada , anda boleh menggunakan pendekatan berikut:

var iframe = document.getElementById('iframeId'); var innerDoc = (iframe.contentDocument) ? iframe.contentDocument : iframe.contentWindow.document; Salin selepas log masuk Sebagai alternatif, anda boleh memudahkan kod menggunakan "||" operator:

var iframe = document.getElementById('iframeId'); var innerDoc = iframe.contentDocument || iframe.contentWindow.document; Salin selepas log masuk Kod ini memperoleh dokumen dalaman (kandungan iframe) dengan menyemak kedua-dua sifat contentDocument dan contentWindow.document bagi iframe.

Setelah anda mempunyai dokumen dalaman, anda boleh berinteraksi dengan elemennya seperti yang anda lakukan dengan elemen pada halaman utama. Sebagai contoh, anda boleh mendapatkan semula elemen menggunakan innerDoc.getElementById('divId').

Nota Penting:

Adalah penting untuk ambil perhatian bahawa iframe mesti terletak pada domain yang sama dengan halaman utama anda untuk mengelakkan isu skrip merentas tapak. Skrip silang tapak berlaku apabila skrip daripada satu domain mengakses maklumat daripada domain lain tanpa kebenaran. Rujuk sumber berikut untuk mendapatkan maklumat lanjut tentang topik ini:

MDN: Skrip MDN: Same-Origin Policy: Cross-Origin Skrip Akses API