如何在html樣式屬性值中使用javascript值

我在頁面上創建了一些div。根據瀏覽器（或可能是其他任何設置），我想更改這些div的寬度。如何在html樣式屬性值中使用javascript值

現在，如果我在div標籤內部嵌入style =「blah等等等等;寬度：200px」，那麼就可以。但是我希望這個200px有時候是220，或者其他時候是230或240。所以現在我想要在JavaScript中計算我所需的寬度，將它放入一個變量，然後將其作爲寬度屬性值插入，如& {} ...

如果我清楚這是否可以這種方式，if是的如何。

2010-09-12 Rahul Utb

您可以在JavaScript中設置DOM元素的CSS屬性：

假設你有一個div與someDiv的id，你可以使用下面的JavaScript來改變它的寬度：

window.onload = function() { 
    var newWidth = 220; 
    document.getElementById('someDiv').style.width = newWidth + 'px'; 
};

2010-09-12 06:17:17

需要注意的是像'background-color'這樣的具有破折號''的CSS屬性，必須寫成camle-cased，如'backgroundColor'。 – 2010-09-12 06:40:39

好吧。但這樣，如果我在加載頁面之前調用getElementById（即完成），則會給出錯誤錯誤：document.getElementById（「someDiv」）爲null – 2010-09-12 08:14:33

@Rahul，我更新了我的答案。現在嘗試一下。 – 2010-09-12 08:16:10

回答