javascript - 如何访问对象标记中加载的HTML元素？(how to access the elements of the HTML loaded in object tag?)

Question

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

(例如：使用jQuery $('#username').val();来获取文本输入值$('#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在这里摆弄)

  ask by Kiran Reddy translate from so

Answer 1

1. Use event onload instead of timeout.

   (使用事件加载而不是超时。)

2. For access to object internal structure use method contents()

   (要访问对象的内部结构，请使用方法contents（）)

3. WARNING: It may doesn't work on jsfiddle.

   (警告：它可能不适用于jsfiddle。)

   This site block XSS requests for security reasons.

   (出于安全原因，此站点阻止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

(js小提琴)