如何访问对象标签中加载的 HTML 的元素？

Question

例如：使用 jQuery $('#username').val();

获取文本输入值

我在this问题

中尝试过这个

这是我的代码

<div id="siteloader"></div>

$(window).load(function(){
    $("#siteloader").html('<object data="http://testk.shopnix.org/admin" />');
    setTimeout(function() {
      console.log($("#lemail_id"));
      $("#lemail_id").val("lemail_id");
      console.log($("#lemail_id").val());
    }, 10000)

})

JS fiddle这里

Answer 1

使用事件 onload 而不是超时。
访问对象内部结构使用方法contents()
警告：它可能不适用于 jsfiddle。出于安全原因，该站点阻止 XSS 请求。

HTML:

<div id="siteloader">
  <object id="object1" data="" />
</div>

JS:

$(function() {
  $("#object1").load(function() {
    $(this).contents().find("#lemail_id").val("lemail_id")
  });
  $("#object1").attr('data', 'http://testk.shopnix.org/admin');
});

js fiddle

如何访问对象标签中加载的 HTML 的元素？

how to access the elements of the HTML loaded in object tag?

html

javascript

jquery

html-object