Question

我正在尝试使用纯Javascript创建Twitters Bootstrap grid函数。

问题是column位于row之外，但它应该在里面。就像

<div class="row">
    <div class="col-md-12"></div>
</div>

现在我在下面发布的代码有这个输出

<div class="row"></div>
<div class="col-md-12"></div>

我尝试将第一个插入的div设置为父级，但不知怎的，当我使用时它返回的parentNode属性始终为null。

也许有人可以指出我正确的方向？

这是我目前的代码

    var docFrag = document.createDocumentFragment();

    // Add row
    var row = document.createElement('div');
        row.className = 'row';
    docFrag.appendChild(row);

    // Add column
    var col = document.createElement('div');
        col.className = 'col-md-12';
    docFrag.appendChild(col);

    document.body.appendChild(docFrag);

Answer 1

您将它附加到文档片段，而不是文档片段中的行。

更改

docFrag.appendChild(col);

要

row.appendChild(col);

如果你想让它在行内。

使用纯JavaScript添加div包装器

1 个答案: