Bagaimanakah saya boleh mengakses nilai textarea dalam iframe yang dijana secara dinamik menggunakan Javascript?

Akses Elemen iframe dengan Javascript

Dalam pembangunan web, iframe (bingkai sebaris) membenamkan dokumen lain ke dalam halaman web semasa. Untuk berinteraksi dengan elemen dalam iframe, Javascript menyediakan cara untuk mengakses kandungannya.

Mengakses Nilai Textarea dalam iframe Dijana Secara Dinamik

Pertimbangkan senario di mana anda mempunyai halaman web dengan kawasan teks di dalam iframe. Anda perlu membaca nilai textarea ini menggunakan Javascript dari halaman induk. Walau bagaimanapun, mendapatkan nilai textarea menjadi mencabar apabila id atau nama iframe berubah secara dinamik.

Penyelesaian

Untuk mengatasi halangan ini, kita boleh memanfaatkan "contentWindow" atau " contentDocument" sifat iframe. Sifat ini memberikan akses kepada objek dokumen dalam iframe:

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

var inside = iframeRef(document.getElementById('one'));

Dalam skrip ini, kami mula-mula mendapatkan rujukan kepada elemen iframe menggunakan id atau namanya. Kami kemudian menggunakan fungsi "iframeRef()" untuk mengambil objek dokumen iframe, yang membolehkan kami mengakses elemen di dalamnya.

Sebagai contoh, untuk mendapatkan elemen textarea dengan namanya:

var textarea = inside.getElementsByName('textarea')[0];

Dengan akses kepada elemen textarea, anda boleh membaca nilainya:

var textareaValue = textarea.value;

Pendekatan ini membolehkan anda berinteraksi dengan mana-mana elemen dalam iframe, tanpa mengira id atau nama dinamiknya, menyediakan penyelesaian yang mantap untuk mengakses kandungan merentas bingkai yang berbeza.

Atas ialah kandungan terperinci Bagaimanakah saya boleh mengakses nilai textarea dalam iframe yang dijana secara dinamik menggunakan Javascript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!