javascript - 在javascript中更改标题文本的位置

Question

这可能是一个新手问题，所以我提前道歉。

我在 javascript 中向 div 添加了一个元素(标题)，我想更改它的位置。由于某种原因，这是不可能的。

下面是一个代码示例。

知道我错过了什么吗？

        var header = document.createElement("H7");
        var text = document.createTextNode(cardNum);
        header.appendChild(text);

        header.style.position="relative";
        header.style.left="400";

         //i and j are indexes
        document.getElementsByClassName('masonry-column')[j].getElementsByClassName('subject-details')[i].appendChild(header);

更新:更新了代码，问题依旧。控制台中没有错误，样式只是不生效。

Answer 1

如果您修复了其他人指出的 javascript 错误，我怀疑问题不在于 javascript，而在于 css。

css left 属性需要某种形式的测量值——px、%、cm、em——随你挑，但你必须选择一个! ;-) 尝试类似的东西:

header.style.left='400px';