methodes getComputedStyle & currentStyle

**popy67** · 13/02/2008, 14h38

Bonjour,

J'ai encore et toujours besoin d'aide.... je suis débutant et je me sers du live "Javascript - La reference" je ne sais pas si ce livre est mal traduit ou non adapté aux débutants mais certains scripts comportent des erreurs et d'autres ne fonctionnent pas.... voila encore un exemple pour lequel j'ai besoin d'un peu d'aide....

Je souhaite savoir dans quelle police est affiché le texte d'un élement :

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
27
28
29
30
31
32
33
34
35
36
37
<style type="text/css">
#boite
	{
	height : 100px;
	width : 100px;
	background-color : red;
 
	font-family : sans-serif;
	position:absolute;
	left:50px;
	}		
</style>
 
 
<script type="text/javascript">
var p = document.getElementsByTagName("p")[0];
 
var police = "";
 
if(p.currentStyle)
	{
	police = p.currentStyle.fontFamily;
	}								   
else if (window.getComputedStyle)
	{
	police = window.getComputedStyle(p, null).fontFamily;
	}  
</script>
 
 
</head>
<body>
 
 
<p id="boite">
Ma police !
</p>

Merci d'avance pour votre aide

**le_chomeur** · 13/02/2008, 14h46

Salut

il y a une petite erreur de ta part :
tu essaye d'accèder a un élément de la page qui n'existe pas encore au moment de son appel :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
var p = document.getElementsByTagName("p")[0];

essaye plutot ceci

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
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans nom</title>
<style type="text/css">
#boite
	{
	height : 100px;
	width : 100px;
	background-color : red;
 
	font-family : sans-serif;
	position:absolute;
	left:50px;
	}		
</style>
 
 
<script type="text/javascript">
function test(){
var p = document.getElementsByTagName("p")[0];
 
var police = "";
 
if(p.currentStyle)
	{
	police = p.currentStyle.fontFamily;
	}								   
else if (window.getComputedStyle)
	{
	police = window.getComputedStyle(p, null).fontFamily;
	} 
	alert(police);
	} 
</script>
 
 
</head>
<body>
 
<p id="boite" onclick="test()">
Ma police !
</p>
</body>
</html>