Uso di JavaScript per incrementare i valori superiore/sinistro/inferiore/destro

Question

Sto cercando di incrementare la posizione di un elemento, ad esempio, x pixel. Ecco quello che ho provato finora:

var top = document.getElementById("something").style.top; 
top = top + "300px" 

So che questo non è andare a lavorare, ma mi chiedevo se fosse possibile per incrementare un valore di posizione come questo.

Answer 1

Perché style.top è una stringa con unità alla fine di esso come "300px" è possibile eseguire solo calcoli matematici quando si converte solo la parte numerica in un numero effettivo.

Supponendo di avere un elemento posizionato (in modo da impostare il valore top farà qualcosa) e hai già uno stile top impostato direttamente sull'elemento e non impostare tramite CSS (in modo da ottenere obj.style.top effettivamente ottenere qualcosa), è possibile farlo analizzando il numero di valore stile come questo:

var obj = document.getElementById("something"); 
var topVal = parseInt(obj.style.top, 10); 
obj.style.top = (topVal + 300) + "px"; 

esempio di lavoro: http://jsfiddle.net/jfriend00/pt46X/

Answer 2

che non funzionano bene, perché, per esempio, se top aveva un valore di 200px, sarebbe diventare "200px300px". Prova questo:

var elem = document.getElementById("something"); 
elem.style.top = parseInt(elem.style.top, 10) + 300 + "px" 

Demo WEEEE!!!!