Question

在“first.html”中，我使用Javascript在div中加载一个页面。

<div id="content">
  <div id="lot"><a href="#" onclick="load_page()">Next</a></div>
</div>

<script>
function load_page()
{
  document.getElementById("lot").innerHTML='<object type="text/html" data="next.html"></object>';
}
</script>

“first.html”和“next.html”都有一个名为“banner”的div。我不想在“next.html”中显示“banner”。所以我在“next.html”中添加以下几行。

<script>
document.getElementById('banner').style.display = "none";
</script>

奇怪的是“first.html”中的横幅消失了，但“next.html”中没有。

因此，我认为可以通过这种方式来解决这个问题。

"first.html" --> "lot" --> "next.html" --> "banner"

然后试着让它消失。

我也在“next.html”中尝试这个，但没有工作。

<script>
document.getElementById('lot').getElementById('banner').style.display = "none";
</script>

感谢您的提示。

解决方案：当我使用iframe时，它似乎有效。 “next.html”中的横幅清晰可见，而不是与“first.html”中的横幅混合。

Answer 1

我认为简单的解决方案是为不同的横幅使用不同的ID。像什么一样的东西 id =“innerBanner”和id =“outerBanner”

iframe语法：

<iframe src="URL" width="xxx" height="xxx"></iframe>

Answer 2

我认为您的问题来自以下内容：

document.getElementById("lot").innerHTML='<object type="text/html" data="next.html">  </object>'\

Mabye你可以用一个简单的超链接做同样的事情：

<a href="next.html">Next</a>

在next.html中编写样式之后，没有机会在上一页的html中改变一些内容

如何获取div中的元素，在另一个html内部和另一个div内？

2 个答案: