本文實例講述了JS模仿編輯器即時改變文字方塊寬度和高度大小的方法。分享給大家供大家參考。具體如下：
這裡示範JS模仿編輯器中即時改變文字方塊大小，包括寬度和高度的方法，在一些線上編輯器，例如eWebEditor中，就有一個功能，讓文字方塊不斷的增大或減小，以適應頁面的大小，這個功能是如何實現的呢？請您參考一下這個程序，相信你會從中獲益。
運作效果截圖如下：
線上示範網址如下：
http://demo.jb51.net/js/2015/js-editor-cha-width-height-codes/
具體程式碼如下：
<html>
<head>
<title>改变文字区域的高宽</title>
<script language="javascript">
<!--
function addrows(){
rows = form1.txt.rows;
rows++;
form1.txt.rows = rows;
}
function addcols(){
cols = form1.txt.cols;
cols++;
form1.txt.cols = cols;
}
//-->
</script>
</head>
<body>
<form name="form1">
<textarea name="txt"></textarea>
<input type="button" value="增加高" onClick="addrows()">
<input type="button" value="增加宽" onClick="addcols()">
</form>
</body>
</html>希望本文所述對大家的javascript程式設計有所幫助。
