Javascript - Ajout de classe sur tableau HTML

Shadok -  
 Shadok -
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   Statut Membre Dernière intervention   17
 
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
Shadok
 
Okay merci
0