Onmouseover <li> change the color of span: first-child color
===

I am getting problem **here:**

    <ul id="parentnode">
       <li><span>I need color change here</span><span>no color</span><span>nocolor</span></li>
       <!-- continuing li tags from database -->
    </ul>

Here, `Onmouseover` `<li>` tag i have to change the color of **text** which is inside the `<span>`  `first-child `.<br/> Is it possible to change through **Javascript**, How ?

**Note:** It is not possible to give **id's** to `<li>` tag or `<span>` tag, because they are dynamically presenting from database.

Thank you.