您的位置:知蚁博客 » 程序设计 » 如何通过js获取并操作iframe中的元素

如何通过js获取并操作iframe中的元素

作者: 发布时间:2013-01-21 分类:程序设计 标签: 1,415人浏览

在js中,可以通过document.getElementById、document.getElementsByTagName等根据元素的id和tag名称来获取网页元素,并可以做进一步的修改操作。

到此为止,我们一直都happy的通过document.xxx来获取并操作网页中的元素,但是某一天(比如说今天)遇到了一个网页,其中要操作的元素位于一个iframe中,完了,在确认了N多次id没有写错后却任然无法获取元素后,你是不是要崩溃了!

下面就说下如何通过js获取iframe中的元素,假设网页中iframe的id为fra

var ifra = window.top.document.getElementById("fra").contentWindow;

接下来只需要用ifra.document.xxx替换原先的document.xxx就可以了。

window 对象表示浏览器中打开的窗口,浏览器会为 HTML 文档创建一个 window 对象,如果文档包含框架(frame 或 iframe 标签),浏览器会为每个框架创建一个额外的 window 对象。

window.top指的就是最顶级的父窗口,iframe一般都是放在父窗口中的,因此通过上面的代码可以获取iframe的window对象,再进一步就可以获取到document对象,接下来就是熟悉的网页元素操作了。
原创文章请注明转载于知蚁博客,本文地址:http://www.letuknowit.com/archives/use-js-to-control-elements-in-iframe

相关文章

1访客评论

  1. 学习啦 好久没写javascript啦

    熊猫家族01-21 22:08 回复

我来说说

(必须)

(必须,保密)

你确定你已经看过文章了?
取消

无觅相关文章插件,快速提升流量