Javascript 如何为具有多个项的类设置属性值_Javascript

Javascript 如何为具有多个项的类设置属性值

javascript

Javascript 如何为具有多个项的类设置属性值,javascript,Javascript,虽然这可能很简单，但我在web开发方面才几个月大，就被困在这里死了。我有一个将多个图像项设置为一个类的页面。我指的是下面的代码 <img src="http://img1.gif" id="GA2" class="CHAngeR" /> <img src="http://img1.gif" id="GA2" class="CHAngeR" /> 我想执行一个函数，编辑/附加图像的“src”属性我尝试使用相同的Id，但我发现w3c的推测是相反的，我也尝试了下

虽然这可能很简单，但我在web开发方面才几个月大，就被困在这里死了。我有一个将多个图像项设置为一个类的页面。我指的是下面的代码

<img src="http://img1.gif" id="GA2" class="CHAngeR" />    
<img src="http://img1.gif" id="GA2" class="CHAngeR" />

我想执行一个函数，编辑/附加图像的“src”属性

我尝试使用相同的Id，但我发现w3c的推测是相反的，我也尝试了下面的代码，但仍然不起作用，我如何才能做到这一点

 <!DOCTYPE html>
    <html>
       <head>
          <title>DOWNLOAD PAGE</title>
          <input type="button" value="change image" id="iMgChAnGe" onclick="changeIMG()"/>
          <div class="changer">
               <img src="http://img1.gif" id="GA1" class="CHAngeR" />
               <img src="http://img2.gif" id="GA2" class="CHAngeR" />
               <img src="http://img3.gif" id="GA3" class="CHAngeR" />
               <img src="http://img4.gif" id="GA4" class="CHAngeR" />
               <img src="http://imgl.gif" id="GA5" class="CHAngeR" />
          </div>
          <script>
             function ChangeIMG(){
                 document.getElementByClassName(CHAngeR).setAttribute("src","http://google.com/img/images/static.gif");
             } 
          </script>
      </head>
</html>


下载页
函数更改img（）{
document.getElementByClassName（CHAngeR.setAttribute）（“src”，”http://google.com/img/images/static.gif");
}

手动循环浏览图像

var imgs = document.getElementsByClassName("...");
for (var i = 0; i < imgs.length; i++)
    imgs[i].src = ...;

我不认为所有浏览器（IE）都支持getElementsByClassName。话虽如此，我建议使用JQuery解决方案

如果可以使用JQuery，就去吧

如果出于某种原因您不想使用JQuery，就去吧。

您的问题一团糟。您需要将其清理并正确格式化。另外：它是JavaScript，不是Java。这是两种不同的语言，它们会导致堆栈溢出。您可以使用

{}

工具栏按钮格式化源代码，并在底部的实时预览面板中查看问题的外观。此外，您可以编辑问题以改进它。它通常会为您重新格式化问题，但您的所有代码都在一行中。。。

$(".class").attr("src", ...);