Salut !
cette erreur m'arrive souvent regardez

var position = document.getElementsByClassName("voiture");
    position.style.top -= "20px";

perso j'ai une belle erreur
undefined is not an object (evaluating 'position.style.top')

comment ça se fait ?

merci

position ou position.style est undefined

getElementsByClassName retourne un NodeList (d'où le s dans getElementS)
position.style.top est undefined parce que y'a pas d'attribut "style" dans une NodeList
Ce que tu veux faire c'est accéder au node pour pouvoir changer ses attributs, donc puisque position est un NodeList suffit de faire position[i]
position[0].style.top // pour changer le node en position 0

Le 22 octobre 2015 à 19:04:19 TintinMage a écrit :
getElementsByClassName retourne un NodeList (d'où le s dans getElementS)
position.style.top est undefined parce que y'a pas d'attribut "style" dans une NodeList
Ce que tu veux faire c'est accéder au node pour pouvoir changer ses attributs, donc puisque position est un NodeList suffit de faire position[i]
position[0].style.top // pour changer le node en position 0

Merci beaucoup !

parcontre, j'ai une autre question

pourquoi là il se passe rien ?

	
var position = document.getElementsByClassName("voiture")[0];
position.style.left = parseInt(position.style.left, 10) + 30 + "px";

alors que là, ça fonctionne ?

	
var position = document.getElementsByClassName("voiture")[0];
	position.style.left = "30px";

Moi, je veux absolument pouvoir incrémenter la valeur existante de 30px

position.style.left peut être vide, donc faut ajouter une condition

Le 22 octobre 2015 à 21:42:29 TintinMage a écrit :
position.style.left peut être vide, donc faut ajouter une condition

Ok mais dans mon code CSS y'a ça:

.voiture {
	background: red;
	top:20px;
	left:20px;
	width:30px;
	height: 30px;
	position: absolute;

}

Je viens de toast, apparemment javascript ne va pas chercher les valeurs dans le css pour l'attribut style, ça ne prend considération que les styles au niveau du node <div style="left: 20px; top: 30px">

En tout cas Merci Beaucoup pour l'aide ! ça fonctionne !

J'avais pensé que c'était l'absence de conversion en string qui posait problème perso.

Tu veux récupérer le computed style en fait : https://developer.mozilla.org/en-US/docs/Web/API/Window/getComputedStyle