Javascript - Ajout de classe sur tableau HTML

Fermé
Shadok - 22 avril 2011 à 09:34
 Shadok - 22 avril 2011 à 10:56
Bonjour,

J'ai un tableau HTML et je voudrais ajouter une classe sur une balise img qui se trouve dans ce tableau, et j'aurais voulu savoir comment procéder avec du Javascript...
Mon tableau :

<table border="0" cellpadding="0" cellspacing="0">
    <tbody>
        <tr>
            <td valign="top"><img src="/img/onglet-gauche-transparent.png"></td>
        </tr>
    </tbody>
</table>


Le problème c'est que j'aimerai bien ajouter cette classe par rapport au valign=top, mais je ne sais pas comment le faire connaitre à JS

Merci à vous
A voir également:

2 réponses

siniko44 Messages postés 172 Date d'inscription vendredi 30 juillet 2010 Statut Membre Dernière intervention 29 novembre 2013 17
22 avril 2011 à 10:18
Bon comme j'ai un peu la flemme d'aller chercher ça en javascript, je peux te conseiller de télécharger jQuery, qui te facilitera le codage en javascript (et qui te servira plus tard). Ce n'est pas un nouveau langage, c'est juste un plugin pour javascript.

https://jquery.com/

Et tu le place tel dans ta page :

<script type="text/javascript" src="jquery.js"></script>

Ceci fait, tu peux maintenant coder :

<table border="0" cellpadding="0" cellspacing="0">
    <tbody>
        <tr>
            <td valign="top"><img src="/img/onglet-gauche-transparent.png"></td>
        </tr>
    </tbody>
</table>
<script type="text/javascript">
$('td[valign="top"]').addClass('le_nom_de_ta_classe'); // Autrement dit 'Selectionne tout les <td> qui possède l'attribut valign="top" et leur ajoute la classe'.
</script>

Bonne journée !
1
Okay merci
0