proprité class="MaClasse" et JavaScript

**Sheriff** · 27/07/2006, 14h09

salut !
on utilise le getElementById et le GetElementByName ou le NomObjet.propriete pour accéder à des objets ayant un id=MonId ou un name=MonNom
Y a-t-il un moyen d'accéder aux objets ayant un class=Maclasse via javascript ?

même question pour la propriété nom=MonNom et le css (c vrai que c pas le bon forum, mais bon...)
puisqu'en css on utilise .MaClasse et #MonId pour formater les objets.

merci

**linar009** · 27/07/2006, 14h53

object.className

**Sheriff** · 27/07/2006, 15h08

merci.
mais si je veux par exemple attribuer la couleur #couleur à tous les td de classe MaClasse comment je m'y prends ?
et pour les CSS z'auriez pas une idée ? (par exemple si le td a un nom, comment le styler ?)

PS : nice pict !
@+

**linar009** · 27/07/2006, 15h24

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
18
19
20
<HEAD>
    <STYLE TYPE="text/css">
        P {font-size: 24pt;}
        .redText {color: red;}
        .blueText {color: blue;}
        .italicText {font-style: italic;}
    </STYLE>
</HEAD>
 
<BODY>
    <P id='n'>
        Texte normal
    </P>
    <P CLASS="redText" id='r'>
        Texte rouge
    </P>
    <P CLASS="blueText italicText" id='b'>
        Texte bleu    
</P>
</BODY>

Après tu peux faire des :

document.getElementById('r').className = blueText

**Sheriff** · 27/07/2006, 15h44

merci beaucoup
@+

**giminik** · 27/07/2006, 18h51

Envoyé par linar009

Après tu peux faire des :

document.getElementById('r').className = blueText

Ceci indique que tu affectes une classe à un élément, pas que tu le retrouves grâce à la valeur de l'attribut class. Et ça implique de connaître les identifiants de chaque élément, dans ce cas là pourquoi vouloir lui affecter une classe.
Il faut utiliser les méthodes du DOM pour parcourir tous les éléments (récursivement) et tester la valeur de className ou encore d'un attribut particulier.

**Sheriff** · 28/07/2006, 12h42

merci beaucoup !
@+

proprité class="MaClasse" et JavaScript

JavaScript

Vue hybride

Partager

Partager