动态改变input对象尺寸

Question

input对象<input type="text" name="mtext">
然后创建一个表格,其中的一个td这样描述
<table width=300 border=1 height=100><tr>
<td width="20%" onclick="changesize()">td这样描述</td></tr></table>
,想在changesize函数中改变input对象的尺寸,使其大小为这个td的大小.用javascript如何做呢?
<script language="JavaScript">
<!--
function changesize(){
 var e=event.srcElement;
 mtext.style.width=e.clientWidth;
 mtext.style.height=e.clientHeight;}

Answer 1

<table width=300 border=1 height=100><tr>
<td id=mtext width="20%" onclick="changesize()" style="border=1 solid black">td这样描述</td></tr></table>
,想在changesize函数中改变input对象的尺寸,使其大小为这个td的大小.用javascript如何做呢?
<script language="JavaScript">
<!--
function changesize(){
 var e=event.srcElement;
 mtext.style.width=e.clientWidth;
 mtext.style.height=e.clientHeight;
}
</script>

Answer 2

onestab(┼─) 其实已经写对了，就是忘记了加个id，我一疏忽style="border:1 solid black"写成了style="border=1 solid black"，你自己改过来。
注：加边框是为了你看效果。

Answer 3

很简单,一个表达式搞定.
<table width=300 border=1 height=100>
<tr>
<td width="20%" onclick="changesize()">
<input style="width:expression('this.parentNode.clientWidth');"></td></tr></table>

Answer 4

应该这样写:
input对象<input type="text" name="mtext">
然后创建一个表格,其中的一个td这样描述
<table width=300 border=1 height=100><tr>
<td width="20%" onclick="changesize(this.clientWidth,this.clientHeight)">td这样描述</td></tr></table>
<script>
function apply(width,height)
{
 mtext.style.width=width;
 mtext.style.height=height;
}
</script>

Answer 5

我写的东西都是经过测试通过的，只是在拷贝时漏了个--></script>, 你自己加上就可以了。