textarea高度自适应
<textarea>
文本域高度随内容自动变化,不会出现滚动条,可以有多种方法,除了用js
动态设置它的高度值以外还有其它更简单的方法。
可以用div
标签模拟textarea
,将div
的contenteditable
属性设置成true
,使内容可编辑,达到高度随内容变化的目的。contenteditable
的很好。
还有一种方法,利用兄弟节点撑开父级高度,设置textarea
高度为100%即可。
document.querySelecotr('textarea').oninput = function () { document.querySelector('pre span').innerHTML = this.value;}