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

Bagaimana untuk Mengakses Elemen Dalam iFrame dalam JavaScript?

DDD
DDDasal
2024-10-20 09:44:30194semak imbas

How to Access Elements Within an iFrame in JavaScript?

Mengakses Elemen iFrame dalam JavaScript

Isu:

Mengakses kawasan teks dalam iFrame daripada halaman induk menggunakan tetingkap Kaedah .parent.getElementById() mengembalikan null.

Penyelesaian:

Mengakses elemen dalam iFrame memerlukan pendekatan berbeza berdasarkan perhubungan domain:

Jika iFrame berada dalam domain yang sama:

  • Gunakan koleksi window.frames untuk mengakses iFrame:
<code class="javascript">// replace "myIFrame" with your iFrame's id
var iFrameDoc = window.frames['myIFrame'].document;
// replace "myIFrameElemId" with your iFrame's element id
var iFrameElem = iFrameDoc.getElementById('myIFrameElemId');</code>

Jika iFrame berada dalam domain yang berbeza:

  • Atas sebab keselamatan, akses merentas domain kepada elemen iFrame dihadkan oleh penyemak imbas.
  • Gunakan halaman proksi atau buat mekanisme komunikasi merentas domain, seperti HTML5 postMessage.

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

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn