JS no opera DOM en iframe en todos los dominios

Aquí explicamos brevemente dos métodos, ambos operando el DOM en B.html en index.html sin dominio cruzado.

Por ejemplo: importar un iframe en index.html, ¿cómo usar JS para operar los elementos DOM en el Iframe en el índice?

Primero publique el contenido de A.HTML introducido por 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 en 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 crea dinámicamente un iframe y lo inserta

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

Ambas salidas son

Lo anterior es el conocimiento relevante sobre JS, no la operación de dominio cruzado de DOM, en los iframes introducidos a usted. ¡Espero que te sea útil!