手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >JavaScript动态调整TextArea高度的代码
JavaScript动态调整TextArea高度的代码
摘要:核心代码:复制代码代码如下:functionadjustObjHeight(obj,defaultHeight){if(obj.scroll...

核心代码:

复制代码 代码如下:

<script language="javascript" type="text/javascript">

function adjustObjHeight(obj, defaultHeight) {

if(obj.scrollHeight > defaultHeight) {

obj.style.height = obj.scrollHeight + 'px';

} else {

obj.style.height = defaultHeight + 'px';

}

}

window.onload = function() {

var obj = document.getElementsByTagName('textarea');

var len = obj.length;

for(var i = 0; i<len; i++)

adjustObjHeight(obj[i], 50);

}

</script>

TextAreaHTML代码:

复制代码 代码如下:

<textarea id="content" onkeyup="adjustObjHeight(this, 50);"></textarea>

作者 何朝阳

【JavaScript动态调整TextArea高度的代码】相关文章:

JavaScript中strike()方法的使用介绍

javascript动态设置样式style实例分析

JavaScript的正则表达式中test()方法的使用

JavaScript检测鼠标移动方向的方法

JavaScript中toString()方法的使用详解

使用JavaScript刷新网页的方法

JavaScript中的sub()方法的使用介绍

Javascript 高阶函数使用介绍

JavaScript中Math.SQRT2属性的使用详解

简述JavaScript中正则表达式的使用方法

精品推荐
分类导航