JavaScript獲得樣式和增量

Question

我試圖做一個滑塊來改變外部css onclick中的margin-left屬性。所以我需要獲取屬性，然後設置新的屬性。

這裏是我的代碼：

<style> 
#divName 
{ 
    margin-left:20px; 
} 
</style> 

    <script language="javascript" type="text/javascript"> 

       var x = document.getElementById(divName); 

      if (x.currentStyle) 
      { 
       var y = x.currentStyle[marginLeft]; 
      } 
      else (window.getComputedStyle) 
      { 
       var y = document.defaultView.getComputedStyle(x,null).getPropertyValue(marginLeft); 
      } 

       y = y + 20; 

       document.getElementById(divName).style.marginLeft = y .'px'; 

    </script> 

感謝您的時間

Answer 1

在JavaScript中，.運營商並不連接字符串。

使用+操盤手：

document.getElementById(divName).style.marginLeft = y + 'px'; 

你也可能需要通過marginLeft作爲一個字符串，而不是一個名字（除非有範圍的變量名爲marginLeft並設置爲"marginLeft"）：

var y = x.currentStyle["marginLeft"]; 

和：

var y = document.defaultView.getComputedStyle(x, null).getPropertyValue("marginLeft");