使用Javascript将一个类中的所有图像替换为另一个图像

我在我的网站上使用一个带有表单的外部脚本。 一些css是可定制的，但是我不能改变图像。 我想用Javascript替换一个字段未完成时显示的小图像

这是带有原始图像的HTML代码：

<img class="incorrect-img" count="1" src="http://www.detailsdetails.eu/images/newimg/incorrect.gif"></img>

有人知道我做错了什么吗？

---

也许是因为我试图改变一个类的图像，也许它只适用于ID？我无法按ID更改类。

文档。GetElementsByCassName（）

返回与类选择器匹配的数组元素，在您的情况下，只有一个图像，因此

0

索引可以访问第一个元素。像这样

document.getElementsByClassName("incorrect-img")[0].src="MYIMAGE.gif";

---

对于inormationa about

document.GetElementsByCassName（）

返回与类选择器匹配的数组元素，在您的情况下，只有一个图像，因此

0

索引可以访问第一个元素。像这样

document.getElementsByClassName("incorrect-img")[0].src="MYIMAGE.gif";

---

对于inormationa about

文档。GetElementsByCassName（“不正确的img”）

返回一个类似于数组但不完全相同的

HTMLcollection

幸运的是，您可以像使用阵列一样对其进行循环：

var elems = document.getElementsByClassName("incorrect-img");
for (var i = 0; i < elems.length; i+= 1) {
    elems[i].src = "MYIMAGE.gif";
}

var elems=document.getElementsByClassName（“不正确的img”）；
对于（变量i=0；i

文档。GetElementsByCassName（“不正确的img”）

返回一个类似于数组但不完全相同的

HTMLcollection

幸运的是，您可以像使用阵列一样对其进行循环：

var elems = document.getElementsByClassName("incorrect-img");
for (var i = 0; i < elems.length; i+= 1) {
    elems[i].src = "MYIMAGE.gif";
}

var elems=document.getElementsByClassName（“不正确的img”）；
对于（变量i=0；i

因为您已经在使用jQuery，而不是：

---

document.getElementsByClassName（“不正确的img”）.src=“MYIMAGE.gif”

您可以使用：

$（“.img不正确”）.attr（“src”、“MYIMAGE.gif”）
因为您已经在使用jQuery，而不是：

document.getElementsByClassName（“不正确的img”）.src=“MYIMAGE.gif”

您可以使用：

$（“.img不正确”）.attr（“src”、“MYIMAGE.gif”）
如果要使用jQuery

$(document).ready(function () {
    $( ".incorrect-img" ).each(function( index ) {
        $(this).attr('src', 'MYIMAGE.gif');
    });
});

如果您想使用jQuery

$(document).ready(function () {
    $( ".incorrect-img" ).each(function( index ) {
        $(this).attr('src', 'MYIMAGE.gif');
    });
});

非常感谢。
我把你的答案合起来了。
这是我的最终代码：

$(window).load(function() {

var image = $(".incorrect-img");
for (var i = 0; i < image.length; i++) {
image[i].src="incorrect_2.gif";
}

});  

$（窗口）.load（函数（）{
变量图像=$（“.img不正确”）；
对于（变量i=0；i
非常感谢。
我把你的答案合起来了。
这是我的最终代码：

$(window).load(function() {

var image = $(".incorrect-img");
for (var i = 0; i < image.length; i++) {
image[i].src="incorrect_2.gif";
}

});  

$（窗口）.load（函数（）{
变量图像=$（“.img不正确”）；
对于（变量i=0；i
我认为
document.getElementsByClassName
返回一个数组如果你有一个
$（document）的jQuery。ready（）
看起来像，那么使用jQuery就容易些。我认为
document.getElementsByClassName
返回一个数组如果你有一个
$（document.ready（）
看起来像的jQuery，那么使用jQuery就容易些。