时间戳

首页 > 解决方案 > align="left" 使表格浮动，进而使封闭主体的高度为0。如何获得主体的实际高度？

html - align="left" 使表格浮动，进而使封闭主体的高度为0。如何获得主体的实际高度？

问题描述

<!DOCTYPE html>
<html>
<body>
    <table align="right">
        <tr>
            <th> Row 1 </th>
        </tr>
        <tr>
            <th> Row 2 </th>
        </tr>
    </table>
</body>
</html>

我有一个有 2 行的简单表。并且该表具有属性 align="right"。这个参数是添加属性float:right; 在运行时并使身体高度为0。

我在一些计算中使用身高。所以得到实际高度很重要。

所以我的问题是，我怎样才能得到身体的实际高度？

编辑：在我的实际应用程序中，我体内有很多表格。以上只是一个例子。我不能遍历每张桌子，得到他们的身高并总结出来。

标签： htmlcss

解决方案

var table = document.getElementById('mytable');

//variant 1
var rect = table.getBoundingClientRect();
var height_var1 = rect.height;

// variant 2
var height_var2 = table.clientHeight;
<!DOCTYPE html>
<html>
<body>
    <table id="mytable" align="right">
        <tr>
            <th> Row 1 </th>
        </tr>
        <tr>
            <th> Row 2 </th>
        </tr>
    </table>
</body>
</html>

推荐阅读