无法设置div top属性

Question

我正在尝试从Javascript更改div的顶部值，但由于某种原因，它不起作用，只是坚持使用CSS值。所以在这个测试中我尝试将其更改为500，但它保持在50.无论我在CSS中改变什么值都会反映在该位置，无论我尝试使用什么值并在Javascript中覆盖它。如果我从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";