使用jquery操作iframe

点击打开链接

使用jquery操作iframe


1 内容里有两个ifame


<iframe id="leftiframe"…</iframe> 
<iframe id="mainiframe..</iframe>


leftiframe中jQuery改变mainiframe的src代码： 

$("#mainframe",parent.document.body).attr("src","http://www.radys.cn")


2 如果内容里面有一个ID为mainiframe的ifame 

  <iframe id="mainifame"…></ifame> 

ifame包含一个someID 

<div id="someID">you want to get this content</div> 

得到someID的内容


  $("#mainiframe").contents().find("someID").html() html 或者 $("#mainiframe").contains().find("someID").text()值


2 如上面所示 

   leftiframe中的jQuery操作mainiframe的内容someID的内容 

   $("#mainframe",parent.document.body).contents().find("someID").html()或者 $("#mainframe",parent.document.body).contents().find("someID").val()

$('#iframe1').contents().find('html').html("<h1 style='text-align: center;'>This IS an iframe</h1>");