Question

您好我正在尝试做一些我认为应该在javascript中努力的事情，但我无法让它发挥作用。我有一些div个类nav-img，宽度为20％。我希望div s始终具有相同的宽高比，无论窗口大小如何。高度应为宽度/ 1.35。这是我试过的：

var vNavimg = document.getElementsByClassName("nav-img");
var vNavWidth = window.getComputedStyle(vNavimg).width;
window.onload = setHeight;

function setHeight() {
    vNavimg.style.height = vNavWidth/1.35+"px";
}

Answer 1

如此接近，方法 getElementsByClassName() 会返回一个具有给定类作为参数的对象数组，您应该遍历它们并指定新的高度：

var vNavimg = document.getElementsByClassName("nav-img");

for(var i=0;i<vNavimg.length;i++){
    vNavimg[i].style.height = vNavWidth/1.35+"px";
}

或使用函数setHeight()：

var vNavimg = document.getElementsByClassName("nav-img");

for(var i=0;i<vNavimg.length;i++){
    setHeight(vNavimg[i]);
}

function setHeight(div) {
    div.style.height = vNavWidth/1.35+"px";
}

希望这有帮助。

使用纯js将高度设置为具有特定类的所有div

1 个答案: