使用Javascript覆盖图像CSS

我正在尝试用Javascript更改网页上所有图像的CSS。我想添加CSS

Max-width:100%;

有些图像没有id标记，因此我无法使用getElementById方法。

只需在CSS中将其设置为img标记本身：

img {
     max-width: 100%;
}

---

这会将样式应用于HTML中的所有标记。

这将应用于所有图像

$('img').css({"max-width" : "100%"});

真的你不能那样做。。。参见jsfiddle

---

您也可以按类别将其作为目标

.class img {
    max-width:100%;
}

这一点更加集中

或者只需使用

img {
    max-width:100%;
}

您也可以使用jQuery并使用

$(document).load()

查看jQuery网站以获取更多参考资料

，您可以改用它

var imgs=document.getElementsByTagName'img'； 对于var i=0；i为什么不在CSS中添加一个img规则呢？换句话说，为什么它必须是JavaScript？请允许我向您介绍@Pointy所说的内容。如果您试图在对所有图像应用和不应用最大宽度：100%规则之间切换，请在包含所有所需图像的容器上切换expandedimgs类，并为容器编写CSS规则。expandedimgs img{max width:100%；}我无法获取getElementsByTagName'img'来编辑任何CSS。而且我没有访问该网站的权限。我正在移动应用程序中注入javascript。@AquaMorph是的。你应该在你的样式表中写一条规则，正如前面Pointy建议的那样。这可以+1工作，但请参阅我的jquery脚本答案。我没有访问该网站的权限。我正在一个移动应用程序中注入javascript。好吧，这是一个关键的缺失信息：D Olaf的答案是一个很好的JS解决方案，也就是说，除非您有动态交互，迫使您使用基于JS的方法来更改样式，否则使用CSS处理样式始终是首选方法。这回答了OP提出的问题，因此+1，但我怀疑这不是OP需要回答的问题，也许不是。希望他到时候会这么说。这起作用了。我刚才有一个打字错误，在我早些时候试图找到答案时重复了这个错误