iframe 相关取值问题

最新推荐文章于 2023-03-02 10:10:17 发布

转载最新推荐文章于 2023-03-02 10:10:17 发布 · 123 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/szatpig/p/6927224.html

文章标签：

#javascript #ViewUI

本文介绍如何使用JavaScript和jQuery操作iframe中的元素，包括修改颜色、选择单选按钮等，并展示了如何在父窗口与iframe间进行交互。

<iframe src="iframe.html" id="icontainer" height="0" width="0"></iframe>  

iframe页面
<div id="test">博客园</div>

JavaScript代码
document.getElementById('icontainer').contentWindow.document.getElementById('test').style.color='red'   
Jquery
$("#icontainer").contents().find("#test").css('color','red');

其他相关操作 
1. 在父窗口中操作 选中IFRAME#icontainer中的所有单选钮
$(window.frames["icontainer"].document).find("input:radio").attr("checked","true";

2. 在IFRAME中操作 选中父窗口中的所有单选钮
$(window.parent.document).find("input:radio").attr("checked","true");

父窗口想获得IFrame中的Iframe，就再加一个frames子级就行了，如：
$(window.frames["icontainer"].frames["iframe2"].document).find("input:radio").attr("checked","true");

转载于:https://www.cnblogs.com/szatpig/p/6927224.html