关于div iframe和textarea高度计算的问题

Question

我有一个页面A。点击按钮会弹出一个窗口DIV里面包含一个iframe，这个iframe里面有一个页面B，B页面里面有一个文本框textarea...我的这个DIV是可以缩放大小的.我想在DIV缩放的时候textarea也跟着改变。现在宽度改变只要设置一下宽的CSS为百分比，但是高该怎么办呢？如何在弹出那个DIV层的时候就同时取到DIV和textarea的高度呢？

Answer 1

<div id="aa"><iframe id='b' src='b.html'></iframe> </div>
<button value=获取textarea高度 onclick='aaa();'>
</body>
</html>
<script>
function aaa(){
  var o=document.getElementById("b");
  var obj=(o.contentWindow||o.contentDocument);//获得IFRAME窗体对象，兼容IE/FF
  alert(obj.document.getElementById('c12').offsetHeight)//获得IFRAME中的textarea高度
}
</script>

Answer 2

在谷歌浏览器下这个就用不了了..
还想问问有办法让textarea随着DIV的改变按比例改变高度的大小么？

Answer 3

1、contentDocument兼容主流浏览器，包括chrome;
2、你在页面的window.onload里（页面加载完毕后）先计算出DIV的高度和IFRAME里TEXTAREA的高度，然后得到基准比例；当DIV高度变化时，TEXTAREA的高度=DIV高度x基准比例即可