1. 程式人生 > >設置HTML的TextArea標記跟隨文本內容自動設置高度

設置HTML的TextArea標記跟隨文本內容自動設置高度

area disabled 不可編輯 換行 頁面 style ble borde none

寫內容的時候用的是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‘; 

設置HTML的TextArea標記跟隨文本內容自動設置高度