title: change element inner html on class?
body: <p>Here i have code:</p>
  
  <pre><code>&lt;div class="starright"&gt;&lt;img src="images/stars1.png" width="30" height="30" /&gt;&lt;/div&gt;
  &lt;div class="starright"&gt;&lt;img src="images/stars1.png" width="30" height="30" /&gt;&lt;/div&gt;
  &lt;div class="starright"&gt;&lt;img src="images/stars1.png" width="30" height="30" /&gt;&lt;/div&gt;
  &lt;div class="starright"&gt;&lt;img src="images/stars1.png" width="30" height="30" /&gt;&lt;/div&gt;
  </code></pre>
  
  <p>I want to change onClick image inside, but just on clicked object? Not on all? I have issuse because this is class in css not a ID, is this posible, maybe like onClick This?</p>
  
  <p>Edited. This works great:</p>
  
  <pre><code>function change(element){
  element.innerHTML = "[new inner HMTL]";
  }
  </code></pre>
  
  <p>But how to revert it on first image when second click?</p>