JavaScript动态调整TextArea高度的代码
时间：2021-03-21 10:30:26|栏目：JavaScript代码|点击： 次
核心代码:
<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>
作者 何朝阳
复制代码 代码如下:
<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中也使用$美元符号来代替document.getElementById
栏 目：JavaScript代码
下一篇：Ajax点击不断加载数据列表
本文标题：JavaScript动态调整TextArea高度的代码
本文地址：http://www.codeinn.net/misctech/85181.html
