Сбросить высоту textarea в javascript

Question

У меня есть текстовое поле (автоматическое изменение размера), и я хочу очистить все его содержимое, включая его высоту.

До сих пор я пытался:

document.getElementById('textarea').value = ''; 

И:

document.getElementById('textarea').attribute('rows','1'); 

Но и не работает.

EDIT:

Я использую autosize.js с этим:

<textarea id="post" rows="1" title="Write something..." name="posttxt" placeholder="Write something..." role="textbox" autocomplete="off"></textarea> 

Answer 1

Вы можете использовать setAttribute для сброса style атрибут добавляется автоматически при изменении размера:

document.getElementById('reset').onclick = function(){ 
 
    var textarea = document.getElementById('target'); 
 
    
 
    textarea.setAttribute('style',''); 
 
    textarea.value = ""; 
 
}

<textarea id="target" rows="1" cols="10"></textarea> 
 
<br> 
 
<button id="reset">Reset</button>

Answer 2

Попробуйте сбросить стиль:

document.getElementById("textarea").style.height = "20px";