Question

使用JavaScript设置身体元素左边距不起作用，它不会移动

我不知道为什么这不起作用。如果我使用CSS设置左边距，它可以工作，但是当我在JavaScript中这样做时，为什么呢？

<html>
<head>
    <style type="text/css">
        <!-- 
            body { margin-left: 0px; } /* set margin to anything so I can change it in JS*/
        -->
</head>
<body>

    <div id="test"  style="background-color: blue;"> blah </div>

    <script type="text/javascript">
<!--
    var APP_WIDTH = 555;
    var scrWidth  = 760; //getScreenSize()["width"];
    var xOffset   = Math.abs( Math.floor( (scrWidth/2)-(APP_WIDTH/2) ) );
    document.getElementsByTagName("body")[0].style.margin.left = xOffset + "px";  // doesn't move the div inside body?
    alert( xOffset + "px" );
    -->
</script>
</body>
</html>

Answer 1

document.getElementsByTagName("body")[0].style.margin.left应该是：

document.getElementsByTagName("body")[0].style.marginLeft（注意最终属性）。

Answer 2

使用：

document.body.style.margin = "0px 0px 0px " + xOffset + "px";

使用Javascript设置正文左边距

2 个答案: