JS模仿编辑器实时改变文本框宽度和高度的方法

阐述了JS模拟编辑器实时改变文本框宽度和高度的方法。分享给大家参考。具体如下：

这里JS模拟了实时改变文本框大小的方法，包括宽度和高度。在一些在线编辑器中，比如eWebEditor，有一个功能可以使文本框不断增加或减少以适应页面的大小。这个功能是如何实现的？请参考这个程序，我相信你会从中受益。

运行效果截图如下：

在线演示地址如下：

http://demo . JB 51 . net/js/2015/js-editor-cha-width-height-codes/

具体代码如下：

Htmlheadtitle更改文本区域的高度和宽度/title脚本语言=' JavaScript '！-函数add rows(){ rows=form 1 . txt . rows；行；form 1 . txt . rows=rows；}函数addcols(){ cols=form 1 . txt . cols；colsform 1 . txt . cols=cols；}/////script/head dyform name=' form 1 ' textarea name=' txt '/textarea Input type=' button ' value='增加高度' onClick=' addrows()' Input type=' button ' value='增加宽度' onClick=' addcols()'/form/body/html希望这篇文章对javascript编程有所帮助。