Question

http://api.jquery.com/contents/

据说，您可以通过contents（）方法访问iframes DOM。我剪切并粘贴了代码，将id包含在我页面上的iframe中，然后选择一个非常简单的div，这是iframe中唯一的一个。它找不到它。我已成功设法操纵iframe本身的CSS，所以我很确定一切都是正确的。它也都是有条件的文件。

相关网页在http://syndex.me/tagged/belgium

希望有人可以了解这种方法的工作原理。

由于

$("#tumblr_controls").css({
   position : 'fixed',
   top : 'auto',
   bottom : '15px',
}); //works
$("#tumblr_controls").contents().find("div").css("right","auto"); //doesnt work
$("#tumblr_controls").contents().find("div").css("left","0"); //doesnt work

请注意，您必须登录tumblr以查看我相信的相关控件。

<iframe src="http://assets.tumblr.com/iframe.html?10&amp;src=http%3A%2F%2Fsyndex.me%2F&amp;lang=en_US&amp;name=syndex&amp;brag=0" scrolling="no" width="330" height="25" frameborder="0" style="right: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; background-color: transparent; overflow-x: hidden; overflow-y: hidden; position: fixed; top: auto; bottom: 15px; z-index: 1000007; " id="tumblr_controls">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <meta http-equiv="x-dns-prefetch-control" content="off">
        <link rel="icon" href="http://assets.tumblr.com/images/favicon.gif?2" type="image/gif">
 </head>
    <body style="background-color:transparent; margin:0px; padding:0px;" onload="var image1 = new Image(); image1.src = 'http://assets.tumblr.com/images/iframe_like_alpha.png';
    var image2 = new Image(); image2.src = 'http://assets.tumblr.com/images/iframe_like_active_alpha.png';">

    <style>
        img {
            margin-left: 3px;
        }
    </style>

    <div style="position:absolute; top:3px; right:3px; white-space:nowrap; height:20px;">

<form action="/follow" method="post" style="display:block; float:left;" onsubmit="_gaq.push(['_trackEvent', 'Iframe', 'Follow', 'syndex');">
                            <input type="hidden" name="form_key" value="4d9WHkMln7qxbqRkkU1FJ51jYk">
                            <input type="hidden" name="id" value="syndex">
                            <input type="image" src="http://assets.tumblr.com/images/iframe_follow_alpha.png?663" style="width:58px; height:20px; border-width:0px; display:block;
                            margin-left:3px; cursor:pointer;" alt="Follow">
                        </form>

            <a target="_top" href="http://www.tumblr.com/dashboard"><img src="http://assets.tumblr.com/images/iframe_dashboard_alpha.png?663" alt="Dashboard" style="height:20px;
            width:81px; border-width:0px; display:block; float:left; cursor:pointer;"></a>

                        </div>

</body></html>

</iframe>

Answer 1

您无权访问tumblr_controls框架的内容，因为它来自其他域。

更多信息：

通过“.content（）”访问iframe内容没有成功

1 个答案: