title: How to replace text inside IDless <span> with javascript?
body: <p>I have some text inside <code>&lt;span&gt;&lt;/span&gt;</code> tags and I want to change that text to something else when page is loaded.</p>
  
  <p>So lets say default text is 'Story' (outputted by some CMS system and I can't edit it). So when page is loaded, .js detects that 'Story' word and replaces it with 'View This Story'.</p>
  
  <p>Is that possible somehow?</p>
  
  <p>Cheers</p>
  
  <p>Update: I did search before asking and none of those methods I found works. Like I said the text is outputted by CMS and it gives wrong title, the title itself cannot be edited via CMS because it is used for other terms and tagging which is correct, so I was looking for js workaround to rename it on page load.</p>
  
  <p>And span has no ID and I cannot give it any ID, because like I said it works as designed by CMS.</p>
  
  <pre><code>&lt;div class="views-row views-row-1 views-row-odd views-row-first active"&gt;
    &lt;div class="views-field views-field-name"&gt;
      &lt;span class="field-content"&gt;Story&lt;/span&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="views-row views-row-2 views-row-even"&gt;
    &lt;div class="views-field views-field-name"&gt;
     &lt;span class="field-content"&gt;Second Story&lt;/span&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>As you can see spans do not have IDs, but repeating classes only.</p>