如何访问object标签中加载的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

1. 使用事件 onload 而不是超时。
2. 访问对象内部结构使用方法 contents（）
3. 它可能不适用于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