JS tidak mengoperasikan DOM di iframe di seluruh domain

Di sini kami secara singkat menjelaskan dua metode, keduanya mengoperasikan DOM di B.html di Index.html tanpa domain silang.

Misalnya: Mengimpor iframe di index.html, cara menggunakan JS untuk mengoperasikan elemen DOM di iframe di index?

Posting pertama konten A.html yang diperkenalkan oleh index.html dan iframe.

 INDEX-> <SEV> <iframe src = "a.html" frameBorder = "0" name = "One" id = "iframeid"> </iframe> </div>

A.html

 <Div id = "dd"> <h1> elemen di iframe! </h1> </div>

Metode 1:

 var d = window.frames ["satu"]. window; d.onload = function () {console.log (d.document.getElementById ("dd"));};

Metode 2:

JS secara dinamis membuat iframe dan memasukkannya

 var ifr = document.createElement ('iframe'); ifr.src = 'a.html'; document.body.appendChild (ifr); ifr.onload = function () {var doc = ifr.contentDocument || ifr.contentwindow.document; // memanipulasi b.htmlconsole.log (doc.geteLementById ("dd"));};

Kedua output itu

Di atas adalah pengetahuan yang relevan tentang JS bukan operasi domain silang DOM dalam iframes yang diperkenalkan kepada Anda. Saya harap ini akan membantu Anda!