Question

有什么方法可以使用php或javascript控制iframe src页面上的div？

例如在我的页面上我有iframe，当页面加载时，当我点击它时必须有一个按钮，它将删除页面上的div iframe src

希望你明白我的意思。这是一个例子http://plnkr.co/edit/243NWElmuWhM1B3g8Zyq?p=preview

这是我的网页代码

<!DOCTYPE html>
<html>

  <head>
    <link rel="stylesheet" href="style.css">
    <script src="script.js"></script>
  </head>

  <body>

    <iframe style="border:1px solid #444;" src="http://tgo-tv.com/box-test.php" frameborder="0"  scrolling="no" width="100" height="100"></iframe>

    <div id="button">click to Remove red box only</div>

    <br>

    when that iframe src was loaded completely, then some how with javascript or php it must remove that red box is code inside it. i know it is on another page but maybe there is a way to do that

  </body>

</html>

Answer 1

如果您使用的同一域上的iframe上的页面可以像访问页面中的任何其他元素那样访问box元素例如你想做什么：

$('#button').on('click', function(){
    $("#iframeID").contents().find("#box").css('display', 'none');
    // or if you want to remove it
    $("#iframeID").contents().find("#box").remove();
});

但是如果它不在同一个域上，那么您将面临跨源问题，而且我不认为可以访问其中的元素

控制iframe src页面是div

1 个答案: