methodes getComputedStyle & currentStyle

Version imprimable

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:

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 ;)

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:

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

essaye plutot ceci ;)

Code:

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>

13/02/2008, 15h10
SpaceFrog

ou alors faire des fonctions et les lancer dans le onload de la page qui attends que tous les éléments de la pages soient instanciés ...