在容器中显示IFRAME中的DIV

Question

我用ul / li / div创建了一个自定义下拉列表，工作正常， 该下拉列表位于iframe中加载的页面内。 问题： 打开下拉菜单并查看iframe上的项目。现在发生的是iframe。 我刚刚试图改变z-index而没有任何成功。 任何建议都会非常有帮助 感谢

米歇尔

Answer 1

使用iFrame？不，这是不可能的。

@JKirchartz是对的。退房：

Is there a way to have content from an IFRAME overflow onto the parent frame?

Answer 2

您无法提出建议，但是还有其他方法可以在iFrame中设置父内容。

我建议您查看window.parent属性，该属性允许您操作iFrame的父级。

使用它的一个例子是：

index.html：（家长）

<p id="test">Hello!</p>
<iframe src="otherpage.html"></iframe>

otherpage.html：（儿童）

<script type="text/javascript">
    window.parent.document.getElementById("test").innerHTML = "Hello World!";
</script>

此示例会将父网页上的Hello!从iFrame中执行的JavaScript代码更改为Hello World!。您可以使用<ul>属性以这种方式操纵innerHTML标记，以添加新的li标记以及您希望使用的其他任何内容。