2013-10-15 135 views
0

如何使左旁一個變量,這樣我可以使它在箭頭設置一個JavaScript變量利潤率

我試圖讓所謂的桶移動的div的keydown動態變化。

代碼:

function moveTank() { 
    var tank = document.getElementById("tank"); 
    var tankLeft = tank.style.margin-left;  
} 

moveTank(); 
+0

與前圍CSS樣式屬性在JavaScript – mplungjan

回答

0
var tankLeft = tank.style.marginLeft; 

注:這隻會工作,爲內聯指定的空白 - <img id="tank" src="..." style="margin-left:10px">

爲什麼不使用position:absolutelefttop你的坦克精靈?

<div id="tankfield" style="position:relative"> 
    <img id="tank" src="..." style="position:absolute;left:0px;top:0px"> 
</div> 
<script> 
    var tankX=0, tankY=0; 
    function placeTank() { 
    var tank = document.getElementById("tank"); 
    tank.style.left = tankX+'px'; 
    tank.style.top = tankY+'px'; 
    } 
    // ... 
    function tankDown() { 
    tankY += 5; 
    placeTank(); 
    } 
    // ... 
</script> 
+0

的駝峯只是嘗試這樣做,然後試圖警報(tankLeft品),顯示空白。這是我做錯了警報或我在代碼中做錯了嗎? – user2882574

+0

這取決於樣式的設置。以下內容僅適用於內聯樣式。 – VisioN

+0

你首先需要設置的值,如果它沒有設置已經內聯 – mplungjan

0

聯用樣式屬性駝峯得到在JS,所以要tank.style.marginLeft

還要注意的是 1)該方法將只讀取直接設定元素,款式屬性而不是那些在樣式表,並 2)這將是一個字符串,「」或其他類似的東西「123px」

0

你爲什麼使用保證金?只要將油箱與左/頂部位置:

嘗試tank.css({left: "-=10px"});

+0

OP在哪裏提到jQuery? – mplungjan