Question

当我尝试确定动态创建的div的高度时，clientHeight和offsetHeight属性都没有为我设计。有人可以建议替代吗？非常感谢。

Answer 1

Ashriya，

如果你能够使用jquery，（作为替代方案）那么你可以很容易地找到（并设置）任何div（在你的域中）的高度：

// get the height
var myDivHeight = $('#myDiv').css('height');


// set the height
$('#myDiv').css('height', myDivHeight + someothernumber);

希望这有助于'小'......

[edit] - 忘记在原始回复中使用#id占位符。已纠正以上!! - argh：）

Answer 2

我不确定，我完全理解你的问题。但是，以下方法可能会有所帮助。

<html>
<body onload="documentReady();">
<script type="text/javascript">
    function documentReady() {
        var div = document.createElement("div");
        div.innerText = "I'm a div, excluded from DOM!";

        var helper = div.cloneNode(true);
        helper.style.position = "relative";
        helper.style.top = "-100000px";
        helper.style.left = "-100000px";
        document.body.appendChild(helper);

        var height = helper.offsetHeight;
        var width = helper.offsetWidth;

        document.body.removeChild(helper);

        alert([height, width]);
    }
</script>
</body>
</html>

Answer 3

使用jQuery的outerHeight()。

Answer 4

我不是JQuery的粉丝。我使用“native”mydiv.offsetHeight - 适用于IE和FF。

找到动态创建的div的高度

4 个答案: