获取表格table的宽和高的问题

Question

img 不要指定尺寸就可以了

Answer 1

谢谢你的回复，但是有一个问题：在设计的时候，如果img不指定尺寸，整张图片就缩到最小，什么都看不见了！

Answer 2

单击button，是怎么换图片的？看看你的代码

Answer 3

javascript:
funciton Change()
{
  document.getElementById("imgTest").src = "../images/big.jpg";
}html:
<input id="Button1" type="button" value="更换" onclick ="javascript:Change();" style="z-index: 1; left: 42px; position: absolute; top: 39px" />这就是换图片的代码，请帮忙看看，谢谢！

Answer 4

我这里没有问题。不知道你是在哪儿显示的？
就是说
var myTable = document.getElementById("tableTest");
alert(myTable.offsetWidth + "," + myTable.offsetHeight);
这一段代码在哪儿执行的？

Answer 5

itzhiren(itzhiren) ：
换完图片后就直接执行这一段了，就是这样的。
<script type ="text/javascript">
funciton Change()
{
  document.getElementById("imgTest").src = "../images/big.jpg";
  Test();
}
function Test()
{
  var myTable = document.getElementById("tableTest");
  alert(myTable.offsetWidth + "," + myTable.offsetHeight);
}
</script>可是不知道为什么不行，觉得非常奇怪，不知道是不是我写错了什么呢？

Answer 6

<table class="objTable" border="0" cellpadding="0" cellspacing="0" style="width: 1px; height: 1px; left: 100px; top: 68px; z-index: -1; position: absolute;"  id="tableTest">
<img src="images/big.gif" alt="" id="imgTest" name="imgTest" /><input id="Button1" type="button" value="更换" onclick ="javascript:Change();" style="z-index: 1; left: 42px; position: absolute; top: 39px" />
<input style="display:none" id="Button2" type="button" value="显示大小" onclick ="javascript:show();" style="z-index: 1; left: 102px; position: absolute; top: 39px" />
<script language="javascript" type="text/javascript">
function show()
{
var myTable = document.getElementById("tableTest");
alert(myTable.offsetWidth + "," + myTable.offsetHeight);
}
function Change()
{
  document.getElementById("imgTest").src = "images/test.gif";
  show();
}
</script>以上保存成changepic.asp,直接运行就可以了,我这里没有问题,弹出的是已经更换了的图片大小

Answer 7

由于图片较大，加载需要时间。更换图片后就检查table的尺寸是不行的，检查要在图片加载完成后进行
funciton Change()
{
  document.getElementById("imgTest").src = "../images/big.jpg";
  document.getElementById("imgTest").onload = Test;
}

Answer 8

我现在做的table为4行4列，想一次加载16张图片后，然后再得到table的尺寸，我是这么写的：function Test()
{
  var myTable = document.getElementById("tableTest");
  alert(myTable.offsetWidth + "," + myTable.offsetHeight);
}
//
//
function Change()
{
  for ( i = 1; i <= 16; i++ ) 
  {
    var strIndex = i; // strIndex－－索引值;
    document.getElementById("img" + strIndex).src = "../images/2_" + strIndex + ".jpg";
  }
 
  document.getElementById("tableTest").onload = Test;
}可是运行的时候，没有弹出对话框，得不到效果，请问是怎么回事呢？请帮忙看看，谢谢。

Answer 9

table标记没有onload事件
只有带src属性的html标记才有onload事件，body标记是个例外