Comment stocker l'identifiant HTML en tant que variable js?

J'écris une page Web qui aura plus de 200 liens par page. Chaque lien a un identifiant unique qui correspond à un identifiant dans un autre cadre. Je veux exécuter une fonction onmouseover qui va changer la couleur du texte des deux liens à travers les cadres. Voici ce que j'ai jusqu'ici.Comment stocker l'identifiant HTML en tant que variable js?

<html><head><title>Test</title> 
    <script> 
    function hey() 
     {var id=//HELP PLEASE; document.getElementById(id).style.color = "red";} 
    function bye() 
     {var id=//HELP PLEASE; document.getElementById(id).style.color = "black";} 
    </script> 
</head> 
<body> 
<a id="1" class="word" onmouseover="hey()" onmouseout="bye()">hello</a> 
<a id="2" class="word" onmouseover="hey()" onmouseout="bye()">world</a>.... 
</body></html>

Des pensées?

Source

2013-02-19 parap

BTW. Mon problème est que je ne suis pas sûr comment obtenir l'id de lien stocké en tant que variable js. – parap

vous venez de le faire dans votre code ... document.getElementById (id) .style.color = "red"; devrait fonctionner – Saturnix

Vous le savez peut-être déjà, mais votre commentaire bloque les parenthèses de fin de vos fonctions 'hey' et' bye' – EpicPineapple

transmettre l'ID dans la fonction:

<html><head><title>Test</title> 
    <script> 
    function hey(id) 
     {document.getElementById(id).style.color = "red";} 
    function bye(id) 
     {document.getElementById(id).style.color = "black";} 
    </script> 
</head> 
<body> 
<a id="1" class="word" onmouseover="hey(this.id)" onmouseout="bye(this.id)">hello</a> 
<a id="2" class="word" onmouseover="hey(this.id)" onmouseout="bye(this.id)">world</a>.... 
</body></html>

Source

2013-02-19 21:52:33 PlantTheIdea

Merci. C'est ce qu'il a fait. – parap

Comment stocker l'identifiant HTML en tant que variable js?

Répondre

Questions connexes