[js] informations style

**TERRIBLE** · 18/02/2007, 14h49

bonjour,
Dans le cadre d'un développement d'une fonction js je désire récupérer les informations "style" d'un div identifé par un "id" pour ce faire j'utile les instruction suivantes

var w= document.getElementById("valeur").style;
var w1=w.color;
alert(w1);

Aucune information n'est fournie dans la fonction "alert"
A titre d'exemple voici ma page HTML d'essai

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="cs">
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1250">
<meta name="generator" content="PSPad editor, www.pspad.com">
<title>Untitled</title>

<style type="text/css">
#Texte
{
display:iblock;
position:absolute;
background-color:red;
font-size:16pt;
width:100px;
left:500px;
top:500px;
color:blue;
visibility:visible;

}

</style>

<script type="text/javascript">
function Defilement(Texte)
{
alert(Texte);
var w=document.getElementById(Texte);
alert(w.style.visibility);

}

</script>

</head>
<body onload="Defilement('Texte1');">
<div id="Texte1">
coucou
</div>
</body>
</html>

Quel est mon erreur ?
par avance merci

**Auteur** · 18/02/2007, 15h20

Envoyé par TERRIBLE

Quel est mon erreur ?
par avance merci

Je te rassure, il n'y a pas d'erreur dans ton code. Le fait est que les styles définis dans les balises style sont inaccessibles par ce biais.

Avec IE tu peux y accèder avec

Code javascript :

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

1
2
 
document.getElementById("texte1").currentStyle.color

Sinon regarde du côté de getAttribute() (compatible avec IE aussi).

Autre solution : définir les styles dans la balise HTML avec l'attribut style.

Code :

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

<div style="color: #0000FF; font-size: 12pt; font-family: Times New Roman">.....</div>

Dans ce cas tu peux effectivement y accèder de la manière suivante :

Code javascript :

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

1
2
 
document.getElementById("texte1").style.color

[js] informations style

JavaScript

Discussions similaires

Partager

Partager