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

Question

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

工作正常。我的问题是如何为那些位置大于页面大小的 div 设置样式？ 谁能帮帮我？

Answer 1

你可以检查正文的clientWidth

let pageWidth = document.body.clientWidth;

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