Modifier le style la page via document.styleSheets[0]

**zoppi** · 26/02/2008, 17h25

Bonjour, j'ai créé une page sur laquelle je souhaite pouvoir modifier à la volée les couleurs des liens ou de l'écriture.

problème : j'aimerais modifier le style déclaré en début de page HTML à la volée. Comment faire ? ci dessous mon code.

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
21
22
23
24
25
26
 
<html>
<title>Sélecteur de couleurs interactif</title>
<STYLE type=text/css>
A {
	FONT-WEIGHT: bold; COLOR: #000000;
             TEXT-DECORATION: none;
}
A:hover {
	FONT-WEIGHT: bold;
	TEXT-DECORATION: underline;
	COLOR: #FF0000>;
}
TD {
	FONT-SIZE: 10pt; 
            FONT-FAMILY: Verdana,Geneva,Arial,Helvetica,sans-serif;
            COLOR: #000000;
}
TD.titre {
	FONT-SIZE: 7.5pt;
            FONT-FAMILY: Verdana,Geneva,Arial,Helvetica,sans-serif;
            FONT-WEIGHT: bold;
           COLOR: #000000;
 
}
</STYLE>

mon problème existentiel avec javascrîpt : comment accéder par exemple à la propriété "COLOR" du style TD ?

j'ai essayé avec document.style.TD.COLOR mais ca ne marche pas

**le_chomeur** · 26/02/2008, 17h36

essaye avec document.styleSheets[0]

**Auteur** · 26/02/2008, 17h48

Javascript est sensible à la casse !! C'est color et non COLOR. Dans tes feuilles de styles écris tes propriétés en minuscules (color, font, font-size, background, background-color, display, etc.).

**zoppi** · 26/02/2008, 18h11

Envoyé par le_chomeur

essaye avec document.styleSheets[0]

ah merci, j'ai avancé d'un pas, j'arrive accéder à l'objet stylesheet, mais pas aux attributs "a.color", "TD.color" ...etc

**zoppi** · 26/02/2008, 18h47

Envoyé par zoppi

ah merci, j'ai avancé d'un pas, j'arrive accéder à l'objet stylesheet, mais pas aux attributs "a.color", "TD.color" ...etc

j'ai galéré mais je l'ai :
c'est :

document.styleSheets[0].rules[0].style.color
rule[0] me donne le premier element de mon exemple soit "A"
rules[1] le 2eme soit "A:hover"...etc....

merci pour les coups de main, pas facile a trouver ce truc

Modifier le style la page via document.styleSheets[0]

JavaScript

Discussions similaires

Partager

Partager