How to get textarea's text's height with JS?

Question

I want the height of the texts, not the height of the textarea element. How do I get it with JS, not jQuery?

Please read the post that I've mentioned in the comment, and if it solves the problem, mark your question as duplicate of that. — 31piy, Jun 07 '18 at 05:48

brk · Answer 1 · 2018-06-07T05:40:23.590

0

window.getComputedStyle(document.getElementById('idOfElement',null)
      .getPropertyValue("height");

edited Jun 07 '18 at 05:40

answered Jun 07 '18 at 05:36

brk

48,835
10
56
78

this actually just gets me the height of the textarea, not the height of the texts – Jasmine Rain Jun 07 '18 at 05:38
@JasmineRain if you want to dynamically change the height of the text area according to the text , then set a `min-height` to that text area and `height` to auto – brk Jun 07 '18 at 05:42

score 0 · Answer 2 · answered Jun 07 '18 at 06:13

Try This Code

var element = document.getElementById("elementId");
var size = window.getComputedStyle(element,null).getPropertyValue("font-size");
var fontSize = parseFloat(size.replace('px',''));
var height = (fontSize + 1) + "px";
console.log(height);

How to get textarea's text's height with JS?

2 Answers2