proprit� class="MaClasse" et JavaScript

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

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, 13h53

object.className

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

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, 14h24

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, 14h44

merci beaucoup
@+

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

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, 11h42

merci beaucoup !
@+

proprit� class="MaClasse" et JavaScript

JavaScript

Vue hybride

Partager

Partager