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';

Answer 2

试试这个：

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

header.appendChild(text);

document.getElementsByClassName('masonry-column')[j].getElementsByClassName('subject-details')[i].appendChild(header);
header.style.position='relative';
header.style.left= 100;

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

2 个答案: