在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
学习啦 好久没写javascript啦