2013-10-15 168 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