使用Javascript设置正文左边距

Question

Setting the body elements left margin using JavaScript does not work, it doesn't move 使用JavaScript设置body元素左边距不起作用，它不会移动

I don't know why this doesn't work. 我不知道为什么这不起作用。 If I set the left margin using CSS, it works, but not when I do it in JavaScript, why? 如果我使用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 should be: document.getElementsByTagName("body")[0].style.margin.left应该是：

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

Answer 2

采用：

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

使用Javascript设置正文左边距

问题描述

2 个解决方案

解决方案1
17 2011-06-20 00:22:30

解决方案2
3 2011-06-20 00:22:16

使用Javascript设置正文左边距

问题描述

2 个解决方案

解决方案1 17 2011-06-20 00:22:30

解决方案2 3 2011-06-20 00:22:16

解决方案1
17 2011-06-20 00:22:30

解决方案2
3 2011-06-20 00:22:16