¿Cómo obtener elementos html de una etiqueta de objeto?

Estoy usando la etiqueta de objeto para cargar un fragmento de html dentro de una página html.¿Cómo obtener elementos html de una etiqueta de objeto?

Mi código es algo como lo siguiente:

<html><object data="/html_template"></object></html>

Como era de esperar después de la página se carga se añaden algunos elementos entre las etiquetas de objeto. Quiero obtener esos elementos, pero parece que no puedo acceder a ellos.

He intentado lo siguiente $("object").html()$("object").children()$("object")[0].innerHTML

Ninguno de ellos parece funcionar. ¿Hay alguna otra forma de obtener esos elementos?

EDIT:

Un ejemplo más detallado:

consideran que este

<html><object data="http://www.YouTube.com/v/GGT8ZCTBoBA?fs=1&hl=en_US"></object></html>

Si trato de obtener el html dentro del objeto consigo una cadena vacía.

http://jsfiddle.net/wwrbJ/1/

Fuente

2012-01-10 Noam

¿'' $ ("object") 'devuelve algo? –

Si mi suposición es correcta, es posible que esté utilizando el navegador IE, ¿verdad? – AmGates

Sí $ ("objeto") devuelve algo. Y vamos, no estoy usando IE – Noam

El innerHTML provid el acceso al código HTML que se encuentra en entre el <object> y </object>. Lo que se pregunta es cómo obtener el html cargado por el objeto dentro de la ventana/marco que está produciendo (no tiene nada que ver con el código entre las etiquetas de abrir y cerrar).

También estoy buscando una respuesta a esto y me temo que no hay ninguno. Si encuentro uno, volveré y lo publicaré aquí, pero estoy buscando (y no solo) durante mucho tiempo.

Fuente

2012-05-04 13:38:13 georgosn

Prueba esto:

// wait until object loads 
$('object').load(function() { 
    // find the element needed 
    page = $('object').contents().find('div'); 
    // alert to check 
    alert(page.html()); 
});

Fuente

2012-01-10 05:18:30

$ ('object'). Contents() devuelve [] para mí – Noam

$ ('object'). Contents() es una colección, tienes que buscar un elemento dentro de ese objeto –

intente utilizar: $ ('object'). Contents(). Find ('html'). Html(); –

Aquí va una pieza de muestra de código que funciona. No estoy seguro de cuál es el problema con tu código.

<html> 
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 
<script type="text/javascript"> 
    $(document).ready(function(){ 
      var k = $("object")[0].innerHTML; 
      alert(k); 
      $("object")[0].innerHTML = "testing"; 
     }); 
</script> 
<object data="/html_template">hi</object> 
</html>

Fuente

2012-01-10 05:25:28 rAm

Mientras lo coloca en el mismo dominio que puede hacer lo siguiente:

HTML

<html> 
    <object id="t" data="/html_template" type="text/html"> 
    </object> 
</html>

JavaScript

var t=document.querySelector("#t"); 
var htmlDocument= t.contentDocument;

Fuente

2015-02-26 23:09:49 blabla

Usted podría utilizar el siguiente código para leer datos de objetos una vez que se carga completamente y es del mismo dominio:

HTML-

<html> 
<div class="main"> 
<object data="/html_template"> 
</object> 
</div> 
</html>

Jquery-

$('.main object').load(function() { 
    var obj = $('.main object')[0].contentDocument.children; 
    console.log(obj); 
});

Espero que esto ayude!

Fuente

2016-08-17 07:12:48

-2

ACTUALIZADO

he usado esta línea de Javascript para cambiar el valor de una entrada de archivos dentro de un iframe,

document.getElementById('iframeID').contentWindow.document.getElementById('inputID').value = 'Your Value';

Referencia: https://stackoverflow.com/a/14451440/3452102

Fuente

2017-07-24 08:51:54

No, no es ¡Es posible acceder a un marco de origen cruzado!

Fuente

2017-10-02 14:03:09

¿Cómo obtener elementos html de una etiqueta de objeto?

Respuesta

Cuestiones relacionadas