title: How to replace inner content of a class?
body: <p>I have used a class 4 times in a page and I want to replace the content from one of them by using JavaScript</p>
  
  <p>Here is the code of my html </p>
  
  <pre><code>&lt;span class="footer"&gt;&lt;a href="link.html"&gt;Publisher Solutions&lt;/a&gt;&lt;/span&gt;
  
  &lt;span class="footer"&gt;&lt;a href="link.html"&gt;Social Media 360&lt;/a&gt;&lt;/span&gt;
  
  &lt;span class="footer"&gt;&lt;a href="link.html"&gt;Partnerships&lt;/a&gt;&lt;/span&gt;
  
  &lt;span class="footer"&gt;&lt;a href="link.html"&gt;Brown Bag Presentations&lt;/a&gt;&lt;/span&gt;
  </code></pre>
  
  <p>and I want to change like this</p>
  
  <pre><code>&lt;span class="footer"&gt;&lt;a href="link.html"&gt;Publisher Solutions&lt;/a&gt;&lt;/span&gt;
  
  &lt;span class="footer"&gt;&lt;a href="link.html"&gt;Social Media 360&lt;/a&gt;&lt;/span&gt;
  
  &lt;span class="footer"&gt;&lt;a href="link.html"&gt;Partnerships&lt;/a&gt;&lt;/span&gt;
  
  &lt;span class="footer"&gt;&lt;a href="edited_link_from_js.html"&gt;Custom New Text From js&lt;/a&gt;&lt;/span&gt;
  </code></pre>