設置樣式不起作用？

Question

為什么這個腳本不起作用？

<!DOCTYPE html>
<html>

    <head>
        <title>Hello StackOverflow!</title>
    </head>

    <body>
        <div id="testing">
            <p>Bladybla</p>
        </div>
        <script>
            var one = window.innerWidth;
            var two = 5;
            var three = one / two;
            var four = '"' + Math.round(three) + "px" + '"';
            document.getElementById("testing").style.marginTop = four;
        </script>
    </body>

</html>

當我在var four和document.getElementById之間放置一個警報時，計算正確的值。 問題出在.style.marginTop = 。 它不會打印計算值。 為什么？

在此先感謝，Jaapyse！

Answer 1

var four = Math.round(three) + "px";

小提琴

Answer 2

設置.style.marginTop時，不需要在值中包含引號。

如果您將其設置為硬編碼值，則可能具有：

document.getElementById("testing").style.marginTop = "5px";

但是，您有效地將其設置為：

document.getElementById("testing").style.marginTop = '"5px"';

這是一個無效值，因此會被忽略。

將您的代碼更改為：

var one = window.innerWidth;
var two = 5;
var three = one / two;
var four = Math.round(three) + 'px';
document.getElementById("testing").style.marginTop = four;

Answer 3

寫你的腳本如：

<script>
                var one = window.innerWidth;
                var two = 5;
                var three = one / two;
                var four = Math.round(three);
                document.getElementById("testing").style.marginTop = four + 'px';
            </script>

設置樣式不起作用？

問題描述

3 個解決方案

解決方案1
8 已采納 2013-07-15 08:01:31

解決方案2
4 2013-07-15 08:04:23

解決方案3
0 2013-07-15 08:07:30

設置樣式不起作用？

問題描述

3 個解決方案

解決方案1 8 已采納 2013-07-15 08:01:31

解決方案2 4 2013-07-15 08:04:23

解決方案3 0 2013-07-15 08:07:30

解決方案1
8 已采納 2013-07-15 08:01:31

解決方案2
4 2013-07-15 08:04:23

解決方案3
0 2013-07-15 08:07:30