当iframe中的内容增加时如何将td的高度也变大

Question

td中嵌入iframe，当iframe中的内容增加时如何将td的高度也变大

Answer 1

在iframe内容增加完毕后通过下面的代码设置td的宽或者高就行了
parent.document.getElementById('td的id').style.width='需要的宽度'
parent.document.getElementById('td的id').style.height='需要的高度'

Answer 2

1.htm
<table>
<tr>
<td><iframe src="2.htm" width="1000" height="auto" frameborder="0" scrolling="auto"></iframe></td></tr></table>
2.htm
<script type="text/javascript">
function resizeFrame(){
    try{
        var frames=parent.document.documentElement.getElementsByTagName("iframe");
        for(var i=0;i<frames.length;i++)
        {
            if(frames[i].getAttribute('src').indexOf(document.location.pathname.replace("/",""))!=-1)
            {
                
                frames[i].style.height=document.body.scrollHeight+"px";//如果嵌入iframe的页面有其他的设置导致显示不完全的，可以document.body.scrollHeight+100+"px"
                break;
            }
        }
    }catch(e){
       return;
    }
}
window.onload=function(){
resizeFrame();
}
</script>

Answer 3

应该不是td的高度不变引起的 而是iframe 本身的高度没变引起的，只要把iframe的高度算出来td就自动会变大~