Javascript-更改特定元素的内联CSS

Question

if(document.getElementsbyclassname("tile").style.width = 512) {
   document.querySelectorAll(".tile").forEach(function(element) {
    element.style.width = "25%";
    element.style.height = "auto";
    element.style.position = "initial";
});
}

嗨，我在Wordpress中有一个图片库插件，它会在所有照片div中使用嵌入式宽度样式自动插入照片。

我需要，当我添加512像素照片时，宽度将变为25％，而当我添加1024像素照片时，宽度将变为50％。

这段代码将所有照片变成25％的宽度，无论是否使用。

怎么了？

Answer 1

Roman Bobrik和Pointy是正确的，因为“ =”用于分配，而“ ==”或“ ===”用于比较。 例如：

var x = 11; 

将变量x设置为11。 而：

x === 11

将x与11进行比较，看它们是否具有相同的值。 我还要补充一点

getElementsbyclassname 

应该正确将其大写为getElementsByClassName才能正常工作。

如teemu所指出的，宽度应该是一个字符串，末尾带有“ px”，表示度量单位，即element.style.width =“ 512px”。

此外，您在这里尝试的内容有些奇怪。 您首先要检查是否存在具有一定宽度的图块元素，然后遍历所有这些图块元素以调整其尺寸-有效地否定了有条件的目的。 我同意Teemu的观点，您很可能希望在循环中进行条件检查。

澄清一下（因为Teemu似乎删除了他的评论） ：之所以将所有照片缩小为25％的宽度，是因为在if（condition）内分配时不会造成错误（至少不会造成错误）本身），它将自动显示为真实，并且if（）{代码块}将执行。 由于代码块始终执行，并且由于您不区分应将哪些元素缩小为25％，因此所有元素的尺寸都缩小为25％。 如果您注意上述步骤和注释，则应该没事。 希望这有用。