How to set Attribute value for a class with multiple items
<p>This might be quiet simple though, but I am just some few months old in web development and i got dead stuck here. I have a page with multiple image items set to one class. By this, I meant the following code</p>

<pre><code>&lt;img src="http://img1.gif" id="GA2" class="CHAngeR" /&gt;    
&lt;img src="http://img1.gif" id="GA2" class="CHAngeR" /&gt;
</code></pre>

<p>and i want to execute a function that edits/appends the "src" attribute of the images at ones.</p>

<p>I tried using the same Id, but i discovered that w3c speculations are contrary, i also tried the following code but still doesn't work, how can i do this.</p>

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