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

时间:2019-03-22 14:44:30

标签: javascript html

我有一个包含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>

但是现在可以正常工作了,元素仍然在那里。 ID也喜欢更改徽标,但是我不知道如何在iframe中进行更改。

有人可以帮助我吗?

3 个答案:

答案 0 :(得分:2)

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

答案 1 :(得分:0)

您正在针对一个类名进行查询,但是您正在寻找标签名:

var elmnt = iframe.contentWindow.document.getElementsByTagName("col-sm-12 col-md-4 col-lg-3")[0];

应该是:

var elmnt = iframe.contentWindow.document.getElementsByClassName("col-sm-12 col-md-4 col-lg-3")[0];

答案 2 :(得分:0)

如果不是同一域,则无法通信。但是,如果两个域都是您的,则可以使用cross-domain messaging,也可以检查以下示例:Two way iframe communication