小技巧——html的textarea标记跟随文本内容自适应高度

textarea高度自适应

html代码：
<textarea id="textarea" style='overflow-y: hidden;height:20px' onpropertychange="this.style.height = this.scrollHeight + 'px';" oninput="this.style.height = this.scrollHeight + 'px';" onclink="send();">
</textarea>

js：
<script>
function send() {
//拿到TextArea的DOM
var textarea=document.getElementById('textarea');
//设置高度
textarea.style.height = 20 + 'px';
}
</script>

效果：

testarea.gif