Ici, nous expliquons brièvement deux méthodes, à la fois en fonctionnement du DOM dans B.HTML dans index.html sans domaine croisé.
Par exemple: Importation d'un iframe dans index.html, comment utiliser JS pour utiliser les éléments DOM dans l'IFRAME IN INDEX?
Postez d'abord le contenu A.HTML introduit par index.html et iframe.
index -> <div> <iframe src = "a.html" frameborder = "0" name = "one" id = "iframeid"> </ iframe> </ div>
a.html
<div id = "dd"> <h1> Éléments dans iframe! </h1> </div>
Méthode 1:
var d = window.frames ["one"]. Window; d.onload = function () {console.log (d.Document.getElementById ("dd"));};Méthode 2:
JS crée dynamiquement un iframe et l'inserte
var ifr = document.createElement ('iframe'); ifr.src = 'a.html'; document.body.appendChild (ifr); ifr.onload = function () {var doc = ifr.ContentDocument || ifr.contentwindow.Document; // manipuler b.htmlconsole.log (doc.getElementById ("dd"));};Les deux sorties sont
Ce qui précède est la connaissance pertinente sur le fonctionnement de JS non dans le domaine transversal de DOM dans les iframes qui vous sont introduits. J'espère que cela vous sera utile!