Div宽度Javascript

Question

有没有办法在不使用JQuery的情况下获取包括边距在内的div的整个宽度？

 div.outerWidth 

似乎不起作用，并且clientWidth不包括边距。

Answer 1

据我记得，没有单个属性值可以实现这一点。

基本上，您需要获取边距宽度（左右）并将其添加到现有尺寸中。 此外，除非您使用框大小调整（默认情况下不是 ），否则还需要向左右添加填充。

您可以使用getComputedStyle获取所需的实际值。 例如：

window.getComputedStyle(element, null).getPropertyValue("margin-left");

编辑：我忘记了边框：P ....左右边框的宽度也是如此...

Answer 2

请查看下面的代码，其中包括边界的div 220的警报总宽度。

<style>
    #myDiv{
        width:200px;
        height:200px;
        margin:10px;
    }
</style>
<div id='myDiv'>
</div>
<script>
    var div = document.getElementById('myDiv');
    var style = window.getComputedStyle(div);
    var leftMargin = parseInt(style.marginLeft.match(/\d+/));
    var rightMargin = parseInt(style.marginRight.match(/\d+/));
    alert(div.clientWidth + leftMargin + rightMargin);
</script>