如何访问在对象标签中加载的HTML元素？ [英] how to access the elements of the HTML loaded in object tag?

问题描述

例如：使用jQuery获取文本输入值 $（'＃username'）。val（）;

我曾尝试过这从这个问题

这是我的代码

 < ; div id =siteloader>< / div> 
 
 $（window）.load（function（）{
 $（＃siteloader）。html（'< object data =http://testk.shopnix.org/ （）; 
 setTimeout（function（）{
 console.log（$（＃lemail_id））; 
 $（＃lemail_id）。val（ lemail_id）; 
 console.log（$（＃lemail_id）.val（））; 
}，10000）
 
}）
  

JS小提琴

使用事件 onload 而不是超时 li>

用于访问对象内部结构的使用方法 contents（）

它可能不适用于jsfiddle。

HTML：

 < div id =siteloader> 
< object id =object1data =/> 
< / div> 
  

JS：

$ b $

  $（function（）{
 $（＃object1）。load（function（）{
 $（this） .contents（）。find（＃lemail_id）。val（lemail_id）
}）; 
 $（＃object1）。attr（'data'，'http：// testk .shopnix.org / admin'）; 
}）; 
  

js小提琴

Eg: Fetching text input value using 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

解决方案

1. Use event onload instead of timeout.
2. For access to object internal structure use method contents()
3. It may doesn't work on jsfiddle. This site block XSS requests for security reasons.
   
   

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元素？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！