無法設置div頂部屬性

Question

我試圖從Javascript中更改div的頂部值，但由於某種原因，它不工作，只是堅持使用CSS值。因此，在這個測試中，我嘗試將其更改爲500，但它保持在50.無論我嘗試使用哪種值並在Javascript中重載，CSS中的任何值都會反映在該位置。如果我從CSS中刪除頂部，則無論如何，該值都將爲0。

我在這裏錯過了一些明顯的東西嗎？

var tQuestItemContainer = document.createElement('div'); 
tQuestItemContainer.id = 'popup_quests_item_container'; 
tQuestItemContainer.top = 500 + "px"; 
alert('top: ' + tQuestItemContainer.top); 
tQuestContainer.appendChild(tQuestItemContainer); 

這裏的CSS

#popup_quests_item_container{ 
    position: absolute; 
    width: 320px; 
    height: 30px; 
    top:50px; 
    left:13px; 
    background-color: #000000; 
    border: 1px solid #676669; 
    cursor: pointer; 
} 

Answer 1

你需要設置樣式屬性：

tQuestItemContainer.style.top = 500 + "px";