Aqui, explicamos brevemente dois métodos, ambos operando o DOM em B.Html em index.html sem domínio cruzado.
Por exemplo: importar um iframe no index.html, como usar o JS para operar os elementos DOM no iframe no índice?
Primeiro, poste o conteúdo A.HTML introduzido pelo index.html e iframe.
Índice-> <div> <iframe src = "a.html" frameborder = "0" name = "One" id = "ifRameId"> </frame> </div>
a.html
<div id = "dd"> <h1> elementos no iframe! </h1> </div>
Método 1:
var d = window.frames ["One"]. Window; D.OnLoad = function () {Console.log (D.Document.getElementById ("dd"));};Método 2:
JS cria dinamicamente um iframe e o insere
var ifr = document.createElement ('iframe'); ifr.src = 'a.html'; document.body.appendchild (ifr); ifr.onload = function () {var doc = ifr.contentDocument || ifr.ContentWindow.document; // manipular B.HtmlConsole.log (doc.getElementById ("dd"));};Ambas as saídas são
O exposto acima é o conhecimento relevante sobre a operação de DOM de DOM não entre os DOM nos iframes. Espero que seja útil para você!