Rumah > hujung hadapan web > tutorial js > Bagaimanakah Saya Boleh Mengakses Elemen Textarea Di Dalam Iframe daripada Halaman Induk?

Bagaimanakah Saya Boleh Mengakses Elemen Textarea Di Dalam Iframe daripada Halaman Induk?

DDD
Lepaskan: 2024-11-13 16:26:02
asal
977 orang telah melayarinya

How Can I Access Textarea Elements Inside an Iframe from the Parent Page?

Mengakses Elemen Iframe melalui JavaScript

Apabila melaksanakan halaman web yang mengandungi iframe yang merangkum textarea, ia boleh menjadi mencabar untuk mengakses nilai textarea daripada halaman induk. Penggunaan seperti window.parent.getelementbyID().value mungkin berjaya mendapatkan data daripada halaman induk, tidak termasuk kawasan teks iframe.

Untuk menangani isu ini, kita mesti memintas sifat dinamik id dan nama iframe dalam halaman induk. Dengan memanfaatkan pemahaman kami tentang HTML dan JavaScript, kami boleh mengakses elemen iframe seperti berikut:

  • Pertama, dapatkan struktur HTML di mana iframe dibenamkan dalam elemen borang:
<form name="formname">
Salin selepas log masuk
  • Seterusnya, gunakan JavaScript berikut untuk merujuk dokumen kandungan iframe:
function iframeRef(frameRef) {
    return frameRef.contentWindow
        ? frameRef.contentWindow.document
        : frameRef.contentDocument
}

var inside = iframeRef( document.getElementById('one') )
Salin selepas log masuk

Pembolehubah "dalam" kini merujuk kepada dokumen iframe, membolehkan anda menggunakan kaedah seperti getElementsByTagName('textarea') untuk mengakses dan memanipulasi kandungan iframe.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mengakses Elemen Textarea Di Dalam Iframe daripada Halaman Induk?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan