Bagaimana untuk Mengakses Elemen Di Dalam 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;

atau, lebih mudah:

var iframe = document.getElementById('iframeId');
var innerDoc = iframe.contentDocument || iframe.contentWindow.document;

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

innerDoc.getElementById('divId');

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: [