Javascript更改css（“宽度”）？

Question

if(document.getElementById("gal").style.width = 513) {
    document.getElementById("gal").style.width = "25%";
    document.getElementById("gal").style.height = "auto";
}

我正在尝试为添加在图库上的某些图像宽度更改默认宽度。

这段代码可以完美地工作，问题在于getelementbyid只是更改了画廊的第一个元素。

我如何使用getelementsbyclassname做同样的事情？ 还是有其他方法可以更改所有ID的样式？

提前致谢。

Answer 1

当您添加了jquery标签时，这意味着您是jquery。 因此，如果您使用的是jquery，为什么不使用jquery内置的css（）函数。

$(".your-class").css("width": "25%");
$(".your-class").css("height": "auto");

要么

$(".your-class").css({"width": "25%", "height": "auto"});

Answer 2

如果您实际使用jQuery（您已经用问题标记了问题，但是没有在任何地方使用它），那么使用jQuery的css函数更改与选择器匹配的所有元素的width和height真的很容易：

$("your-selector-here").css({
    width: "25%",
    height: "auto"
});

如果不使用jQuery，则使用querySelectorAll和一个循环，例如：

document.querySelectorAll("your-selector-here").forEach(function(element) {
    element.style.width = "25%";
    element.style.height = "auto";
});

querySelectorAll返回的NodeList最近才获得了forEach方法。 请参阅此答案以了解如何确保它在您使用的浏览器中存在。

Answer 3

if (document.getElementById("gal").style.width = 513) { ...

应该成为

if (document.getElementById("gal").style.width == 513) {

您错过了=。