11548 sujets

JavaScript, DOM et API Web HTML5

Bonjour a tous, voila mon probleme :
Tout dabort quelques lignes de code puis les explications


<style type="text/css">
#textdefile {
position : absolute;
left : 100px;
}
</style>

<script type="text/javascript">
function move()
{
alert(document.getElementById("textdefile").style.left)
}
</script>

<span id="textdefile">blablabla</span>


Lorsque j'apelle ma fonction move() elle m'affiche une belle fenetre d'alert vide.
Parcontre si je place le style dans la balise :

<span id="textdefile" style="left:100px">blablabla</span>


l'alert me donne bien 100px
Si quelqu'un aurai une idée merci de m'aider.
pour recuperer la position de ton span, utilise plutot

alert(document.getElementById("textdefile").offsetLeft);


quand tu fais

alert(document.getElementById("textdefile").style.left)

cela ne te renvoie que les style définis inline ou initialisés par javacript mais pas ceux définis dans le head ou ceux définis dans une feuille externe