Javascript 更改<；部门>；根据<；iframe>；在…内

谁能告诉我如何根据

div

内的

iframe

更改

div

的高度

以下是我迄今为止所做的工作：

函数url2div（url，目标）{
document.getElementById（目标）.innerHTML=
'';       
}

.table1{宽度：100%；
显示：表格；
文本对齐：居中；
边框宽度：1px；
边框颜色：黑色；
边框样式：实心；
}

---

根据上面的javascript，我猜url是动态的，因此我建议在窗口加载时执行以下内容。 我不擅长纯Java，所以需要加载jquery才能让我的解决方案工作

jQuery(window).load(function() {
 var url = document.getElementById("iframe_id").src;

 if(url = 'http://www.yourdomain.com') {
  jQuery('div.youWishToFloat').css({'float':'right'});
 } elseif(url = 'http://www.yourdomain2.com') {
  jQuery('div.youWishToFloat').css({'float':'left'});
 }
}

---

您需要为iframe分配一个ID以使其工作。

更改url2div函数，如下所示。在下面的代码片段示例中，iframe没有加载，因为它在iframe内部加载iframe。但在您的实际浏览器中，它将起作用。突出显示的红色为div，蓝色边框为iframe（此处不加载内容，可在浏览器上使用）

更新： 加载iFrame后，可以更改父div的高度

1） 向iFrame添加一个onload事件（onload='onMyFrameLoad（）'）

2） 在onMyFrameLoad函数中，获取list.php页面的第一个div

3） 获取第一个div的高度，并将其分配给。表1div

函数url2div（url，目标）{
document.getElementById（目标）.innerHTML=
"";
}
函数onMyFrameLoad（）{
//获取第一个div的高度并将其指定给table1 div
var parentDivHeight=document.getElementById（'firstDivId'）。offsetHeight；
document.getElementsByClassName（'table1'）[0].style.height=parentDivHeight+“px”；
}

。表1{
宽度：100%；
显示：表格；
文本对齐：居中；
边框宽度：2倍；
边框颜色：红色；
边框样式：实心；
}

浮动是什么意思？我的意思是div的高度必须根据iframe的高度进行更改。您是否已经尝试使用clearfix？也许您可以参考这里的clearfix，让家长跟随孩子。差不多吧。我真的不知道它是否能在iframe上工作。但在使用javascript之前最好先使用CSS。谢谢您的回复，但我说的“float”是指div的高度。我想这是关于我糟糕的英语，对不起。我编辑了我的问题。再次抱歉。