我有一个包含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中进行更改。
有人可以帮助我吗?
答案 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