一个表格有ID，如何用JAVASCRIPT动态调整高度和宽度？

http://expert.csdn.net/Expert/topic/1631/1631724.xml?temp=.5369074

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

无法用这个方法调整，
表格的Width属性或者OffsetWidth属性无法赋值
而且我说的是JavaScript, 不是VBScript
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head><body>
<table width="200" height="200" border="1" cellpadding="0" cellspacing="0" id=tab1>
  <tr>
    <td> </td>
  </tr>
  <tr>
    <td> </td>
  </tr>
  <tr>
    <td> </td>
  </tr>
  <tr>
    <td> </td>
  </tr>
</table><input type="button" name="Button" value="Button" onClick="javascript:tab1.width='500';tab1.height='500'">
</body>
</html>
<table id="tbl" border=1 cellpadding=0 cellspacing=0><tr><td>asdfasf</td><td>asdfasdf</td><td>asdfad</td></table><input id="height" value="20"><input type="button" onclick="rowResize()" value=resizeHeight>
<script>
function rowResize(){
if (height.value*1!=height.value || height.value==null)return
for(i=0;i<tbl.rows.length;i++){
tbl.rows[0].cells[0].style.pixelHeight=height.value
}
}var onDrag=0,gblResizeObj;
function FindPos(obj){
var x=obj.offsetLeft, y=obj.offsetTop;
while(obj=obj.offsetParent){x += obj.offsetLeft;y += obj.offsetTop;}
this.intX=x; this.intY=y;
return this
}
function ColResizeStart(){
var srcObj=event.srcElement,tblParent=srcObj.parentElement;
while(tblParent.tagName!='TABLE')tblParent=tblParent.parentElement

if(srcObj.tagName!='TD')return
if(srcObj.offsetWidth - event.offsetX <=3 && srcObj.cellIndex!=srcObj.parentElement.cells.length - 1){
gblResizeObj=tblParent.rows[srcObj.parentElement.rowIndex].cells[srcObj.cellIndex];
onDrag=1;
}
if(event.offsetX <=3 && srcObj.cellIndex != 0){
gblResizeObj=tblParent.rows[srcObj.parentElement.rowIndex].cells[srcObj.cellIndex - 1];
onDrag=1;
}
}function ColResizeIng(){
var objSrcTd=event.srcElement,tblParent=objSrcTd.parentElement;
if(objSrcTd.tagName == "TD" && (Math.abs(event.offsetX) <= 3 || Math.abs(objSrcTd.offsetWidth - event.offsetX)<=3) && objSrcTd.cellIndex != 0){
objSrcTd.document.body.style.cursor='col-resize';
}
else{
objSrcTd.document.body.style.cursor='default';
}
if(onDrag!=1)return;
var trSrc=gblResizeObj.parentElement
while(tblParent.tagName!='TABLE')tblParent=tblParent.parentElement

if(onDrag==1){
var intWidth=0,intPosX=(new FindPos(gblResizeObj)).intX
gblResizeObj.style.pixelWidth = event.x - intPosX;
}
}function ColResizeEnd(){
onDrag=0;
document.body.style.cursor='default'
}tbl.attachEvent('onmousedown',ColResizeStart)
tbl.attachEvent('onmousemove',ColResizeIng)
tbl.attachEvent('onmouseup',ColResizeEnd)
</script>
<input type="button" name="Button" value="Button" onClick="javascript:tab1.width='500';tab1.height='500'">
不用加引号
由於上面的代碼是我從我原來的模塊抽出來的，可能有些bug和未優化的地方，不過基本功能已實現，自行修改一下吧