62,248
社区成员
发帖
与我相关
我的任务
分享js取IFrame内部dom
上面这个iframe，我想取下面dom里li的其中id为MoreActions这个元素，可是尝试过很多方法：
例如：
1.
var deactive = document.getElementById( "IFRAME_bank").contentWindow;
alert(deactive.document.getElementById("MoreActions"));
2.
var collAll = document.frames( "IFRAME_bank").document.all
但是好像都没什么用处
希望大家能帮忙看看
...全文
请发表友善的回复…
发表回复
xxyping 2010-12-30
- 打赏
- 举报
2楼的方法我用过
window.frames[iframeID].contentWindow.document.getElementById("").innerHTML;
但是我现在想去iframe里面的一个控件，控件也取到了，在市在hidden的时候不起作用
不知道是什么原因，还请解释下
window.frames[iframeID].contentWindow.document.getElementById("").innerHTML;
但是我现在想去iframe里面的一个控件，控件也取到了，在市在hidden的时候不起作用
不知道是什么原因，还请解释下
happy664618843 2010-12-29
- 打赏
- 举报
[Quote=引用 1 楼 wuyq11 的回复:]
window.frames[iframeID].contentWindow.document.getElementById("").innerHTML;
[/Quote]恩
对 的+1
document.getElementById().contentWindow.document.get
window.frames[iframeID].contentWindow.document.getElementById("").innerHTML;
[/Quote]恩
对 的+1
document.getElementById().contentWindow.document.get
wuyq11 2010-12-29
- 打赏
- 举报
window.frames[iframeID].contentWindow.document.getElementById("").innerHTML;
资源下载链接为：
https://pan.quark.cn/s/1bfadf00ae14
为了通过jQuery获取iframe中的DOM元素，需要注意以下几点。首先，iframe中的内容必须与主页面同域，否则会因浏览器的同源策略而无法访问其DOM元素，因为浏览器的安全机制限制了跨域访问。其次，确保iframe在HTML页面中具有正确的id属性，例如本例中的id为“frame_1”。此外，需要在主页面中引入jQuery库，可以通过在<script>标签中添加在线jQuery库链接来实现，比如本例中使用的是“***”。
在主页面的JavaScript代码中，定义了一个名为getIframeDom()的函数，用于访问iframe中的DOM元素。该函数通过$("#frame_1")选择器找到id为“frame_1”的iframe元素，然后调用.contents()方法获取iframe的文档内容，返回iframe的Document对象。接着，使用.find()方法在该文档中查找特定id的元素，如本例中的id为“test”的元素。选中目标元素后，可以通过jQuery的各种方法进行操作，例如使用test.html()方法获取该元素的HTML内容，并通过警告框显示出来。
在主页面中，通过一个标签触发该函数，点击该标签时执行javascript:getIframeDom();语句。测试页面中的iframe引用了一个本地HTML页面“test.html”，该页面包含一个id为“test”的
元素，内容为“我是测试页面test”。点击链接后，浏览器会弹出一个显示“我是测试页面test”的警告框，表明成功获取了iframe中的DOM元素。
需要注意的是，在操作iframe中的DOM时，必须确保iframe已经完全加载完毕，否则可能无法获取其内部的DOM元素。因此，通常会将相关操作放在
