javascript - 页面加载时显示文本区域的所有行

Question

如何在页面加载时显示文本区域的所有行。 (例如，如果在文本区域中加载页面将仅显示 2 行，但如果单击它并编辑它，它将显示文本区域的其他行)

html

<textarea cols = "20" id = "textarea">

uhawefhuaewfuhaweufihwaeuifhaweiuhfawuiefhawieuf

</textarea>

CSS

<style>

textarea{
resize: none !important;
overflow:hidden;
border: none;
}      

</style>

我尝试了一点jquery，要么我做得不正确，要么这不起作用。

<script>

var height = document.getElementById('commentinput<?php echo $commentid?>').scrollHeight;
$('#commentinput<?php echo $commentid?>').css({"height": height + "px;"});

</script>

dis for yall ->  <script src="jquery-3.4.1.min.js"></script>

Answer 1

我不太了解 jQuery，但你的方法应该可以在简单的 JavaScript 中正常工作:

const commentInput = document.querySelector('#commentinput');
const commentInputHeight = commentInput.scrollHeight;
commentInput.style.height = `${commentInputHeight}px`;