JQ&&JS获取并操作iframe内容
2014-12-03 13:46
483 查看
Demo下载
获取iframe的document:
function iframeDom(id) {
return document.getElementById(id).contentDocument||document.frames[id].document;
}
jquery:
window.onload = function () {
var doc = iframeDom("my_iframe");
$(doc).find("#content").css("color","blue");
}
javascript:
window.onload = function () {
var doc = iframeDom("my_iframe");
doc.getElementById("content").style.color="blue";
}
index.html:
<iframe id="my_iframe" src="iframe.html"></iframe>
my_iframe.html:
<h1 id="content" style="color:red;">内容</h1>
注:
iframe刷新:
doc.location.reload();
获取iframe的document:
function iframeDom(id) {
return document.getElementById(id).contentDocument||document.frames[id].document;
}
jquery:
window.onload = function () {
var doc = iframeDom("my_iframe");
$(doc).find("#content").css("color","blue");
}
javascript:
window.onload = function () {
var doc = iframeDom("my_iframe");
doc.getElementById("content").style.color="blue";
}
index.html:
<iframe id="my_iframe" src="iframe.html"></iframe>
my_iframe.html:
<h1 id="content" style="color:red;">内容</h1>
注:
iframe刷新:
doc.location.reload();
相关文章推荐
- js操作Iframe(获取Iframe中的节点内容)
- JS操作Iframe获取到Iframe中的内容+ListView+DataPager分页
- 用Javascript获取Iframe中的内容(兼容IE&firefox)
- JS获取IFRAME内容高度
- 用JS操作FRAME中的IFRAME及其内容的实现代码
- 如何通过js获取iframe框架中的内容
- js获取框架(IFrame)的内容
- JS去空格、IFrame提示信息做后台操作、Cookie存值获取累加,调整过期时间。
- <div style="display:none">中更改的内容使用js无法获取
- 用JS操作FRAME中的IFRAME及其内容
- js获取iframe内的内容
- delphi WebBrowser获取iframe页面内容及操作
- js 获取iframe内容
- JS 获取页面中iframe中的内容
- 用JS操作FRAME中的IFRAME及其内容的实现代码
- js操作cookie;js的setInterval;C#获取指定页面的内容;Ajax.dll的使用
- Js 获取Gridview选中行的内容操作步骤
- JS获取并操作iframe中元素的方法
- JS操作iframe内容
- JS获取跨域IFRAME中的内容,支持FIREFOX和IE