div box size css显示auto的值

时间:2014-11-20 14:25:07

标签: javascript css

这里真的需要帮助,我有一个围绕textarea的div,divauto大小,高度和宽度,我需要知道该自动值是什么。试了一下javascript,请看下面的内容:

function textAreaChange() {

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

}

所有这些javascript都相当新,所以请耐心等待?

感谢。

2 个答案:

答案 0 :(得分:0)

如果您要根据文本区域的包装获取高度和宽度,请尝试以下操作之一:

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

clientHeight 包括高度和垂直填充。

offsetHeight 包括高度,垂直填充和垂直边框。

scrollHeight 包含所包含文档的高度(在滚动时大于高度),垂直填充和垂直边框。

有宽度与每个高度相对应。

答案 1 :(得分:0)

你可以这样做:)



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>
&#13;
&#13;
&#13;