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

Question

例如：使用 jQuery 获取文本输入值$('#username').val();

我从这个问题尝试过这个

这是我的代码

<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小提琴在这里

Answer 1

1. 使用事件加载而不是超时。
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小提琴