純粋なJavaScriptを使用してdivラッパーを追加します。

Question

純粋なJavascriptを使用してTwitters Bootstrap grid関数を作成しようとしています。

問題はcolumnがrowの外側に配置されていますが、内部にある必要があります。 だけ

よう

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

今下記の投稿私のコードは、私が親として最初に挿入 divを設定しようとしました。この出力

<div class="row"></div> 
<div class="col-md-12"></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

私のコードです。

row.appendChild(col); 

へ

変更

docFrag.appendChild(col); 

あなたはそれが行の内側になりたい場合。