2017-10-24 21 views
0

순수한 자바 스크립트를 사용하여 Twitters Bootstrap grid 함수를 만들려고합니다.순수 자바 스크립트를 사용하여 div 래퍼 추가

문제는 columnrow 외부에 배치되지만 내부에 있어야한다는 것입니다. 그냥

같은
<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); 

답변

1

내 코드입니다.

변경

docFrag.appendChild(col); 

당신이 행 내부 싶은 경우

row.appendChild(col); 

에.

+0

때로는 대답이 훨씬 쉬워졌습니다. 솔루션을 가져 주셔서 감사합니다! – Piet