JS获取两个元素高度并且设定两个元素高度一致

最新推荐文章于 2023-09-25 22:58:58 发布

原创最新推荐文章于 2023-09-25 22:58:58 发布 · 2.6k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #javascript #函数

JavaScript 专栏收录该内容

51 篇文章

订阅专栏

本文介绍了一个用于实现元素等高的JavaScript函数。该函数通过比较两个指定ID的元素的高度，并将较高的高度应用于另一个元素来达到视觉上等高的效果。适用于网页布局中需要保持元素等高的场景。

function equityHeight(id1, id2) {
    if (/\d/.exec(id2)[0] > indexElement) {
        return;
    }
    sid1 = "td" + id1.toString();
    sid2 = "td" + id2.toString();
    if (document.getElementById(sid1).offsetHeight > document.getElementById(sid2).offsetHeight) {
        document.getElementById(sid2).style.height = document.getElementById(sid1).offsetHeight + "px";
    }
    else {
        document.getElementById(sid1).style.height = document.getElementById(sid2).offsetHeight + "px";
    }
}