Jak zdobyć elementy html z tagu object?

Używam znacznika object do załadowania fragmentu html na stronie html.Jak zdobyć elementy html z tagu object?

Mój kod wygląda mniej więcej wzdłuż tych linii:

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

Zgodnie z oczekiwaniami po załadowaniu strony niektóre elementy są dodawane pomiędzy znacznikami obiektów. Chcę uzyskać te elementy, ale nie mogę uzyskać do nich dostępu.

Próbowałem następujących $("object").html()$("object").children()$("object")[0].innerHTML

Żaden z nich nie wydają się działać. Czy istnieje inny sposób na zdobycie tych elementów?

EDIT:

Bardziej szczegółowy przykład:

rozważyć tę

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

Gdy próbuję dostać html wewnątrz obiektu pojawia się pusty ciąg.

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

Źródło

2012-01-10 Noam

Czy '$ (" obiekt ")' zwraca coś? –

Jeśli moje przypuszczenie jest właściwe, możesz używać przeglądarki IE, prawda? – AmGates

Tak $ ("obiekt") zwraca coś. I chodź, nie używam IE – Noam

innerHTML będzie dostarczając dostęp do kodu HTML, który jest między <object> i </object>. Pyta się, w jaki sposób załadować html do obiektu w oknie/klatce, które on tworzy (nie ma to nic wspólnego z kodem między tagami open i close).

Szukam również odpowiedzi na to i obawiam się, że nie ma. Jeśli ją znajdę, wrócę i opublikuję tutaj, ale szukam (i nie jestem sam) przez wiele czasu.

Źródło

2012-05-04 13:38:13 georgosn

Spróbuj tego:

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

Źródło

2012-01-10 05:18:30

$ ('object'). Contents() zwraca [] dla mnie – Noam

$ ('object'). Contents() to kolekcja, musisz wyszukać element wewnątrz tego obiektu –

spróbuj użyć: $ ('object'). Contents(). Find ('html'). Html(); –

Tu idzie kawałek próbki kodu, który działa. Nie jestem pewien, jaki jest problem z twoim kodem.

<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>

Źródło

2012-01-10 05:25:28 rAm

Dopóki go umieścić na tej samej domenie, można wykonać następujące czynności:

HTML

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

JavaScript

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

Źródło

2015-02-26 23:09:49 blabla

Można użyć następującego kodu do odczytu danych obiektów po załadowaniu całkowicie i jest z tej samej domeny:

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); 
});

Nadzieja to pomaga!

Źródło

2016-08-17 07:12:48

-2

AKTUALIZACJA

użyłem tej linii JavaScript, żeby zmienić wartość wkładu wniesionego wewnątrz iFrame,

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

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

Źródło

2017-07-24 08:51:54

Nie, to nie jest możliwe uzyskanie dostępu do ramki krzyżowej!

Źródło

2017-10-02 14:03:09

Jak zdobyć elementy html z tagu object?

Odpowiedz

Powiązane problemy