javascript - 如何使用JavaScript获取多个div高度的总和？

HTML div包含动态数据，用于计算我使用的div高度

var pageSize = 990;
    var clientHeight = 300;
    clientHeight = document.getElementById('testing1').clientHeight;
    var selector_classes = ['career_sum', 'exp_cal', 'ref_cal', 'port_cal', 'curri_cal', 'certi_cal'];
    selector_classes.forEach(function(element) {
        clientHeight = document.getElementById('testing').clientHeight + clientHeight;
    });

测试与div的ID是相同的

那很好。我的问题是如何为位置大于pagesize的div设置样式？
谁能帮我？

最佳答案

可以检查身体的clientWidth

let pageWidth = document.body.clientWidth;

selector_classes.forEach(function(element) {
       clientHeight = document.getElementById('testing').clientHeight + clientHeight;
       if(clientHeight > pageWidth) element.style.color = "red";
});