Bonjour

Je veux appliquer onmouseover / out à chacun des éléments de <li>. Je ne peux utiliser qu'une seule fois l'id="a1", donc ce code ne fonctionne que pour le premier élément. Mettre l'id dans le <div> comme <div id="a1"> ne fonctionne pas. Merci pour votre aide. Romeo

Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<div>
        <ul>
            <li> <a id="a1" hef="#">Bienvenue</a> </li>
            <li> <a hef="#">Contact</a> </li>
            <li> <a hef="#">Info</a> </li>
       </ul>
</div>
 
    <script type="text/javascript">
        var a = document.getElementById("a1");
        a.onmouseover = txtover
        a.onmouseout = txtout
 
        function txtover() { a.style.color = "red"; }
        function txtout() { a.style.color = "green"; }
    </script>