javascript - 使用javascript调整具有特定类的所有div的大小

Question

我有一些 js 代码可以根据窗口大小调整 div id 的大小

function resize()
    {
        var heights = window.innerHeight;
        document.getElementById("somediv").style.height = heights + "px";
    }
    resize();
    window.onresize = function() {
        resize();
    };

这很好，但我希望它能调整多个具有相同类的 div 的大小。我尝试使用 getElementByClass，但没有用。

Answer 1

假设 <div>上课了 somediv您可以执行以下操作

function resize()
 {
    var heights = window.innerHeight;
    var divs = document.getElementsByClassName("somediv");
    for(var i=0;i<divs.length;i++)
       divs[i].style.height = heights + "px";
 }
resize();
window.onresize = resize;