JS/JQuery操作iframe元素

简介: JS/JQuery操作iframe元素

JS操作iframe元素

  1. 父页面操作子页面
//获取iframe元素
var oIframe = document.getElementById('iframe1');
oIframe.contentWindow.document.body.style.color = 'red';
  1. 子页面操作父页面;
var oDiv = window.parent.document.body.children[0];
oDiv.style.color = 'red';

JQuery操作iframe

  1. 在父页面中获取iframe中的元素
$(this).contents().find("#suggestBox")
$("#mainiframe").contents().find("someID").html() 
$("#objid",document.frames('iframename').document)
$(window.frames["iframe1"].document).find("#id")
$(window.frames["iframe1"].document).find(”input[@type='radio']“).attr(”checked”,”true”);
  1. 在子页面(iframe)中查找父页面元素
$('#id', window.parent.document)
$('#objId', parent.document);
$(window.parent.document).find(”input[@type='radio']“).attr(”checked”,”true”);
// 调用父页面属性和方法
parent.method
parent.value


相关文章
|
28天前
|
JavaScript 数据处理
JS 取整,取余操作
JS 取整,取余操作
|
2月前
|
JavaScript
如何用js在页面中添加元素?
如何用js在页面中添加元素?
15 0
|
22天前
|
移动开发 前端开发 JavaScript
H5+CSS3+JS逆向前置——HTML1、H5文本元素
H5+CSS3+JS逆向前置——HTML1、H5文本元素
16 0
|
25天前
|
前端开发 JavaScript API
JavaScript中多种获取数组最后一个元素的策略。
欢迎来到前端入门之旅!这个专栏是为那些对Web开发感兴趣、刚刚开始学习前端的读者们打造的。无论你是初学者还是有一些基础的开发者,我们都会在这里为你提供一个系统而又亲切的学习平台。我们以问答形式更新,为大家呈现精选的前端知识点和最佳实践。通过深入浅出的解释概念,并提供实际案例和练习,让你逐步建立起一个扎实的基础。无论是HTML、CSS、JavaScript还是最新的前端框架和工具,我们都将为你提供丰富的内容和实用技巧,帮助你更好地理解并运用前端开发中的各种技术。
|
2月前
|
JavaScript
|
2月前
|
JavaScript 前端开发
JavaScript中的BOM操作
JavaScript中的BOM操作
|
2月前
|
JavaScript 前端开发 容器
JavaScript中的DOM操作
JavaScript中的DOM操作
|
2月前
|
存储 算法 JavaScript
|
2月前
|
XML JavaScript 前端开发
JavaScript学习 -- jQuery库
JavaScript学习 -- jQuery库
16 0
|
2月前
|
前端开发 JavaScript
探索JavaScript元素节点的属性和方法
探索JavaScript元素节点的属性和方法
7 0