javascript - 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");