Javascript 如何根据文本区域内容的大小更改文本区域的宽度和高度？

文本区域的高度和宽度是否可以根据其内容进行更改？不需要滚动条

HTML:

可以使用和更新元素的样式，以匹配其内容的维度

元素.scrollWidth只读属性返回元素内容的像素宽度或元素本身的宽度，以较大者为准。如果元素的宽度大于其内容区域（例如，如果有滚动条用于滚动内容），则scrollWidth大于clientWidth

元素。scrollHeight只读属性是元素内容高度的度量，包括由于溢出而在屏幕上不可见的内容。scrollHeight值等于元素在不使用垂直滚动条的情况下适应视点中所有内容所需的最小clientHeight。它包括元素填充，但不包括其边距

使用jQuery：

var msg = $('.msg');
msg.css('width',  msg[0].scrollWidth);
msg.css('height', msg[0].scrollHeight);

然而，当内容变小时，它似乎不会收缩

在检查尺寸之前，我们可以通过强制缩小尺寸使其缩小，实际上是重置最小可能尺寸

msg.css('width',  1);
msg.css('height', 1);
msg.css('width',  msg[0].scrollWidth);
msg.css('height', msg[0].scrollHeight);

---

演示。

您不使用

有什么原因吗？它将根据内容增加高度和宽度。谢谢。你是对的，等等，@Nikerym是对的。如果可以将其设置为div，为什么需要只读文本区域？桌子里面也可以有div。不（我想！）。我想看看内容。请记住，滚动条是不需要的。我知道一个div会发生变化，但它的内容不会动态变化。几乎就像一个messenger应用程序。

var msg = $('.msg');
msg.css('width',  msg[0].scrollWidth);
msg.css('height', msg[0].scrollHeight);

msg.css('width',  1);
msg.css('height', 1);
msg.css('width',  msg[0].scrollWidth);
msg.css('height', msg[0].scrollHeight);