项目中有个更改皮肤的功能,需要跨iframe操作样式。
找了半天,结果就一个方法的事儿。
<1>操作元素
js
// 父窗口获取iframe中的元素
iframeObj.contentWindow.document; // 选中了iframe里的document对象
var iframeObj = window.document.getElementById("iframeId");
var newObj = iframeObj .contentWindow.document.getElementById("insideObjId");
// 在iframe里获取父窗口的元素
window.parent.document.getElementById("parentObjId");
jquery
// 父窗口获取iframe中的元素
$('iframe').contents();
// 在iframe里获取父窗口的元素
$('选择父窗口里的元素', parent.document);
<2>调用方法
js
// iframe调用父窗口方法
window.parent.方法名()
// 父窗口调用iframe
// 暂时没这需求,懒得找