Bonjour à Tous,

Je dispose de plusieurs DIV "conteneur" avec des images à l'interieur :

Code : 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
17
<DIV ID="conteneur">
<img id="1" src="image1.png" onClick="border(1);">
<img id="2" src="image2.png" onClick="border(2);">
<img id="3" src="image4.png" onClick="border(3);">
</DIV>
 
<DIV ID="conteneur">
<img id="4" src="image4.png" onClick="border(4);">
<img id="5" src="image5.png" onClick="border(5);">
</DIV>
 
<DIV ID="conteneur">
<img id="6" src="image6.png" onClick="border(6);">
<img id="7" src="image7.png" onClick="border(7);">
<img id="8" src="image8.png" onClick="border(8);">
<img id="9" src="image9.png" onClick="border(9);">
</DIV>
Ensuite, grace à la fonction border, lorsque je click sur une image, celle-ci devient entourée d'une bordure :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
<script language="JavaScript">
function border(id){
document.getElementById(id).style.border="1px solid #3d4931"; // J'ajoute une bordure à l'image cliquée.
}
</script>
A présent, ce que je cherche à faire c'est appliquer un fond coloré à ma DIV "conteneur" qui contient l'image cliquée.

De quelle façon, par javascript, peut-on séléctionner la DIV parents sans séléctionner les autres DIV qui ont le même ID ?