使用Javascript覆盖图像CSS

Question

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

Max-width:100%;

部分图片没有id标签，因此我无法使用getElementById()方法。

Answer 1

您可以使用getElementsByTagName代替

var imgs = document.getElementsByTagName('img');
for (var i = 0; i < imgs.length; ++i) {
    imgs[i].style.maxWidth = '100%';
}

JSFiddle

Answer 2

只需将其设置为CSS中的img标记：

img {
     max-width: 100%;
}

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

Answer 3

您也可以按类

定位它们

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

这更专注

或仅使用

将其用于文档中的所有图像

img {
    max-width:100%;
}

您也可以使用jQuery并使用

$(document).load()

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

Answer 4

这适用于您的所有图片。

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

真的你不能这样做......见jsfiddle http://jsfiddle.net/7e2zW/