在javascript中重置文本区域高度答案

【问题标题】：Reset textarea height in javascript在javascript中重置文本区域高度
【发布时间】：2016-07-05 09:33:49
【问题描述】：

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

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

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>

【问题讨论】：

你能展示定义你的 textarea 的 HTML 吗？
请显示您用于创建此自动调整大小文本区域的 html 代码或库的名称

标签： javascript textarea

【解决方案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>

【讨论】：

【解决方案2】：

尝试重置样式：

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

【讨论】：

【解决方案3】：

只是一个 JQuery 版本，我在关闭项目中的模式时使用它

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

【讨论】：