JS betreibt DOM nicht in Iframe über Domains hinweg nicht

Hier erklären wir kurz zwei Methoden, die beide das DOM in B.html in idex.html ohne Cross-Domain betreiben.

Zum Beispiel: Importieren eines Iframe in Index.html, wie Sie JS verwenden, um die DOM -Elemente im Iframe im Index zu bedienen?

Erstens posten Sie den von index.html und Iframe eingeführten A.HTML -Inhalt.

 Index-> <div> <Iframe src = "a.html" Framborder = "0" name = "ein" id = "iframeid"> </iframe> </div>

A.html

 <div id = "dd"> <h1> Elemente in Iframe! </h1> </div>

Methode 1:

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

Methode 2:

JS erstellt dynamisch einen Iframe und fügt ihn ein

 var ifr = document.createelement ('iframe'); ifr.src = 'a.html'; document.body.AppendChild (ifr); ifr.onload = function () {var doc = ifr.contentDocument || Ifr.ContentWindow.Document; // Manipulate b.htmlconsole.log (doc.getElementById ("dd"));};

Beide Ausgänge sind

Das obige ist das relevante Wissen über JS, nicht die Domänen-Operation von DOM in IFrames, die Ihnen vorgestellt wurden. Ich hoffe, es wird für Sie hilfreich sein!