如何访问object标签中加载的HTML元素?

时间:2022-10-29 13:24:26

Eg: Fetching text input value using jQuery $('#username').val();

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

I had tried this from this question

我从这个问题尝试了这个

Here is my code

这是我的代码

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

JS在这里小提琴

1 个解决方案

#1


4  

  1. Use event onload instead of timeout.
  2. 使用事件onload而不是timeout。
  3. For access to object internal structure use method contents()
  4. 对于访问对象内部结构使用方法内容()
  5. It may doesn't work on jsfiddle. This site block XSS requests for security reasons.

  6. 它可能不适用于jsfiddle。出于安全原因,此站点阻止XSS请求。


HTML:

HTML:

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


JS:

JS:

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

js fiddle

小提琴

#1


4  

  1. Use event onload instead of timeout.
  2. 使用事件onload而不是timeout。
  3. For access to object internal structure use method contents()
  4. 对于访问对象内部结构使用方法内容()
  5. It may doesn't work on jsfiddle. This site block XSS requests for security reasons.

  6. 它可能不适用于jsfiddle。出于安全原因,此站点阻止XSS请求。


HTML:

HTML:

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


JS:

JS:

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

js fiddle

小提琴