访问iframe的顶级html和body标签

时间:2011-10-13 10:12:17

标签: javascript jquery html iframe

我有以下iFrame结构,我想访问顶部html的html和body标签,所以我可以点击iframe中的按钮来查看顶部。

 <html>
     <body>
      <div>
        <iframe> 
          <html>
           <body>
                content
                <input>button</input>
           </body>
         </html>
        </iframe>
      </div>
     </body>
    </html>

3 个答案:

答案 0 :(得分:2)

使用top对象(仅适用于same domain):

var topDocument = top.document;
//do anything you want

//Example:
topDocument.documentElement; //Returns a reference to the HTML element
topDocument.body; //Returns a reference to the top's body

答案 1 :(得分:1)

如果要访问第一个HTML元素,请使用:

$("html:first")

如果你需要通过iframe访问其他HTML元素,你可以使用:$(“iframe”)。children(“html”)

$("iframe").children("html")

答案 2 :(得分:1)

您可以使用“top”关键字。 喜欢 top.id.document其中id是iframe顶部html中任何元素的“id”。 您需要从iframe的html源代码访问它。