Rumah > hujung hadapan web > tutorial js > Bagaimana untuk Mengakses Elemen Di Dalam iFrame?

Bagaimana untuk Mengakses Elemen Di Dalam iFrame?

DDD
Lepaskan: 2024-12-13 21:24:18
asal
345 orang telah melayarinya

How to Access Elements Inside an iFrame?

Mengakses Elemen Dalam iFrame

Mendapatkan semula elemen dari dalam iFrame mungkin diperlukan untuk memanipulasi kandungan atau mengumpul data daripada bingkai terbenam. Begini cara untuk melakukannya:

Kaedah:

Untuk mendapatkan elemen DIV dari dalam iFrame, gunakan kod berikut:

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

atau, lebih mudah:

var iframe = document.getElementById('iframeId');
var innerDoc = iframe.contentDocument || iframe.contentWindow.document;
Salin selepas log masuk

Setelah anda memperoleh innerDoc, anda boleh mengakses DIV elemen mengikut IDnya menggunakan:

innerDoc.getElementById('divId');
Salin selepas log masuk

Nota:

Adalah penting untuk memastikan bahawa iFrame terletak pada domain yang sama dengan halaman induk untuk mendapatkan akses kepada kandungannya. Skrip silang tapak dihalang oleh dasar asal yang sama.

Rujukan:

  • MDN: [