Question

我有一个textarea（自动调整大小），我想清除它的所有内容，包括它的高度。

到目前为止，我已尝试过：

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

并且：

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

但两者都不起作用。

编辑：

我使用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";

Answer 3

只是我在项目上关闭模态时使用的JQuery版本

$("#jobURL").attr("style", "").val("")

在javascript中重置textarea高度

3 个答案: