Bagaimana untuk Mengakses Elemen Di Dalam iFrame Menggunakan JavaScript?

Linda Hamilton
Lepaskan: 2024-11-13 14:17:02
asal
113 orang telah melayarinya

How to Access Elements Inside an iFrame Using JavaScript?

Mengakses Elemen iFrame Menggunakan JavaScript

Dalam senario di mana anda mempunyai halaman web dengan iFrame yang mengandungi textarea, anda mungkin menghadapi kesukaran untuk mengakses nilai textarea menggunakan teknik JavaScript standard . Biasanya, anda akan menggunakan window.parent.getElementById().value untuk mendapatkan semula nilai dalam halaman induk. Walau bagaimanapun, pendekatan ini gagal untuk iFrames kerana sifat terpencilnya.

Untuk menangani had ini, penyelesaian dinamik diperlukan, kerana ID dan nama iFrame mungkin berubah semasa masa jalan. Kuncinya terletak pada mengakses kandungan iFrame tanpa bergantung pada ID atau namanya. Kod JavaScript berikut menyediakan penyelesaian yang komprehensif:

function iframeRef( frameRef ) {
    return frameRef.contentWindow
        ? frameRef.contentWindow.document
        : frameRef.contentDocument
}

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

Kod ini mengambil rujukan iFrame dan mengenal pasti secara dinamik sama ada iFrame menggunakan contentWindow atau contentDocument. Ia kemudian memberikan rujukan kepada pembolehubah dalam.

Dengan pembolehubah dalam, anda kini boleh mengakses elemen dalam iFrame dan, dalam kes khusus ini, kawasan teks:

inside.getElementsByTagName('textarea')
Salin selepas log masuk

Ini penyelesaian komprehensif menyediakan akses yang boleh dipercayai kepada elemen dalam iFrames, tanpa mengira ID atau nama yang menukar masa jalan mereka.

Atas ialah kandungan terperinci Bagaimana untuk Mengakses Elemen Di Dalam iFrame Menggunakan JavaScript?. 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
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan