Bagaimana untuk Mengakses Elemen Di Dalam iFrame Menggunakan 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') )

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')

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!