时间戳

首页 > 解决方案 > 在 iframe 中隐藏元素 Div 并更改元素 img

javascript - 在 iframe 中隐藏元素 Div 并更改元素 img

问题描述

我有一个包含 iframe 的网站。www.vendeposto.com.br 我想隐藏一个元素<div class="col-sm-12 col-md-4 col-lg-3">

我试图这样做：

<script>
function myFunction() {
  var iframe = document.getElementById("myFrame");
  var elmnt = iframe.contentWindow.document.getElementsByTagName("col-sm-12 col-md-4 col-lg-3")[0];
  elmnt.style.display = "none";
}
</script>

vendeposto.com.br 站点的 index.html 是这样的：

        <!DOCTYPE html>
    <html>
    <head>
    <title>Postos de gasolina a venda</title>
    <meta name"author" content="Vinicius Boscolo">
    <meta name="description" content="Compra e venda de postos de combustíveis e lojas de conveniência"
    <meta name="keywords" content="postos, postos de combustivel, posto de copmbustivel, posto, posto a venda, postos a venda, posto de gasolina, postos de gasolina, posto de combustivl a venda, postos de combustivel a venda, posto de gasolina a venda, postos de gasolina a venda">
    </head>
    <body>
    <iframe id="myFrame" src="https://www.alugai.com.br/imoveis?codigo=PT0002%2C+PT0003%2C+PT0004%2C+PT0005%2C+PT0006%2C+PT0007%2C+PT0008%2C+PT0009%2C+PT0010" style="position: absolute; height: 100%; width: 100%; border: none"></iframe>

<script>
function myFunction5() {
  var iframe = document.getElementById("myFrame");
  var elmnt = iframe.contentWindow.document.getElementsByTagName("col-sm-12 col-md-4 col-lg-3")[0];
  elmnt.style.display = "none";
}
myFunction5();
</script>

    </body>
    </html>

但这现在起作用了，元素仍然存在。我也喜欢更改徽标，但我不知道如何在 iframe 中执行此操作。

任何人都可以帮助我吗？

标签： javascripthtml

解决方案

您不能使用其他域编辑 iframe，它受跨域策略的限制。

推荐阅读