title: onmouseover="this.style... is working but I need something like onmouseover="this.child.child
body: <p>Should be verry easy but I can't get it to work. As described in the title I would like to change onmouseover the background-color from span.name (orange)  </p>
  
  <pre><code>&lt;div class="pdf-icon-box" style="position:relative;" onmouseover="this.style.backgroundColor = 'yellow'"; onmouseout="this.style.backgroundColor = 'green'"; &gt;
      &lt;span class="pdf-style"&gt;
          &lt;span class="name" style="display:inline-block;background-color:orange;"&gt; T E S T &lt;/span&gt;
      &lt;/span&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I found this but coul'd not get it to work
  <a href="https://stackoverflow.com/questions/3478942/get-element-by-using-class-name">Get Element By using Class name</a></p>
  
  <p>This is what I'm trying: <a href="http://jsfiddle.net/8Y6YD/" rel="nofollow noreferrer">fiddle is here</a></p>
  
  <p>It only has to work in FF</p>
  
  <p>Thanks for help!</p>