28,391
社区成员
发帖
与我相关
我的任务
分享如何改变一个表格的行高和列宽
在一个页面中我希望通过点击一个按钮来改变一个表格（或是一个单元格）的行高或列宽，再次点击复原，也就是说如何去改变表格（或浮动框架）的WIDTH和HEIGHT属性，请问如何实现，先谢谢各位
...全文
请发表友善的回复…
发表回复
zltostem 2004-09-16
- 打赏
- 举报
以上是点击表格，不是按钮~~~
zltostem 2004-09-16
- 打赏
- 举报
<script language="javascript">
<!--
var o_he = 0;
function fncchange(o)
{
if(o_he == 0)
{
o_he = o.offsetHeight;
o.style.height = 80;
}
else
{
o.style.height = o_he;
o_he = 0;
}
}
//-->
</script>
<table border=1><tr><td onclick="fncchange(this);">clement</td></tr></table>
try~~~
<!--
var o_he = 0;
function fncchange(o)
{
if(o_he == 0)
{
o_he = o.offsetHeight;
o.style.height = 80;
}
else
{
o.style.height = o_he;
o_he = 0;
}
}
//-->
</script>
<table border=1><tr><td onclick="fncchange(this);">clement</td></tr></table>
try~~~
guoweidong 2004-09-16
- 打赏
- 举报
<script>
function change()
{
document.all.table1.width=50;
document.all.table1.heigth=40;
}
function change1()
{
document.all.table1.width=200;
document.all.table1.heigth=40;
}
</script>
</head>
<body>
<input id="Submit" type="button" name="Submit" value="按钮" onMouseOver="change();" onMouseOut="change1();">
<table width="200" border="1" id="table1">
<tr>
<td> </td>
</tr>
</table>
function change()
{
document.all.table1.width=50;
document.all.table1.heigth=40;
}
function change1()
{
document.all.table1.width=200;
document.all.table1.heigth=40;
}
</script>
</head>
<body>
<input id="Submit" type="button" name="Submit" value="按钮" onMouseOver="change();" onMouseOut="change1();">
<table width="200" border="1" id="table1">
<tr>
<td> </td>
</tr>
</table>
iuhxq 2004-09-16
- 打赏
- 举报
给他一个ID，然后在JS中修改style.width=323
