代码改变世界

JavaScript动态调整TextArea高度

2010-12-28 12:22  何朝阳  阅读(2847)  评论(0编辑  收藏  举报

  通过JavaScript根据TextArea的内容动态调整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>