设置HTML的TextArea标记跟随文本内容自动设置高度


写内容的时候用的是textarea来写,可以换行,然后预览页面也要显示是换行才行,所以预览页面还是要用textarea来显示,
样式去掉边框,不可以拉伸,不可编辑

// html 
    <textare disabled></textare>
// css 
  border: 0 solid #fff;
  resize: none;
// js
//拿到TextArea的DOM
var textarea=document.getElementById('textarea');
//设置高度
textarea.style.height = textarea.scrollHeight + 'px'; 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM