div box size css показать значение auto

Question

Помощь действительно нужна здесь, у меня есть div, окружающий textarea, div - это размер, высота и ширина, и мне нужно знать, что это за значение. попробовал немного JavaScript, пожалуйста, смотрите ниже:

function textAreaChange() { 

var textboundary = document.getElementById("textarea"); 
textboundary.style.height = document.getElementById("heightx").innerHTML; 
textboundary.style.width = document.getElementById("widthy").innerHTML; 

} 

достаточно новое для всего этого JavaScript, поэтому запаситесь терпением?

Спасибо.

Answer 1

Если вы смотрите на получение высоты и ширины, основанный на обертке текстовой области, выполните одно из следующих действий:

var h = document.getElementById('someDiv').clientHeight; 
var h = document.getElementById('someDiv').offsetHeight; 
var h = document.getElementById('someDiv').scrollHeight; 

clientHeight включает высоту и вертикальную прокладку.

offsetHeight включает в себя высоту, вертикальную прокладку и вертикальные границы.

scrollHeight включает в себя высоту содержащегося документа (будет больше, чем просто высота в случае прокрутки), вертикальное заполнение и вертикальные границы.

Шины, соответствующие каждой высоте.

Answer 2

Вы можете сделать это так :)

function textAreaChange() { 
 

 
    var textboundary = document.getElementById("textarea"); 
 
    document.getElementById("heightx").innerHTML = textboundary.offsetHeight; 
 
    document.getElementById("widthy").innerHTML = textboundary.offsetWidth; 
 

 
} 
 
textAreaChange();

<textarea id="textarea" ></textarea> 
 

 
<div id="heightx"></div> 
 
<div id="widthy"></div>