<form action="#" name="frmCR">
<p>
サイズ変更:
<a href="javascript:fSetSize(60,10)">大きくする</a>
<a href="javascript:fSetSize(40,5)">元に戻す</a>
</p>
<p><textarea name="taA" cols="40" rows="5">テキストエリアです。</textarea></p>
</form>
<script type="text/javascript">
function fSetSize(_cols,_rows){
var elm=document.forms["frmCR"].elements["taA"];
/* テキストエリアの幅(cols属性)を設定 */
elm.cols=_cols;
/* テキストエリアの高さ(rows属性)を設定 */
elm.rows=_rows;
fGetSize();
}
/* テキストエリアのcols/rows属性を取得 */
function fGetSize(){
var elm=document.forms["frmCR"].elements["taA"];
var s="";
s+="幅: "+elm.cols+"\n";
s+="高さ: "+elm.rows+"\n";
elm.value=s;
}
</script>