使用JS中的DOM和BOM通过控制台访问iframe

时间:2017-03-18 19:54:48

标签: javascript jquery html iframe

我一直在玩JavaScript中的DOM和BOM,通过谷歌Chrome控制台试图改变不同网站上的本地输入值,颜色等。我偶然发现了一个使用iframe标签的网站。我试图改变位于iframe内部的输入值,但无法完成。我的理解是,iframe在当前查看的网页内部包含一个单独的网页。

我的问题很简单,我如何访问iframe内的标签?

到目前为止我尝试过的事情:

document.getElementById("")
document.getElementsByTagNames("")
window.frames
window.parent    

1 个答案:

答案 0 :(得分:0)

因此iframe是一个内联框架,内联框架包含的是构建网站或显示某个网站的构建块。如果你知道DOM遍历,你基本上必须选择那个iframe,然后从那里选择那个iframe中的DOM对象来操纵它们。

iframe = $('#myId');
iframe.contents().find('htmlelements');

这是一个开始理解遍历部分的沙箱环境:     http://jsfiddle.net/fDFca/