1.
생성할 요소를 위치의 기준이 될 요소가 html에 있어야 한다.
2.
생성할 요소의 부모 요소의 ID를 알아야한다.
<div class="wrapper__planner__list" th:id= "wrapperPlannerList">//부모요소
//새로운 요소가 들어가는 위치
<div id="addDateResponse" ></div>//생성기준이 되는 요소
</div>
HTML
복사
3.
insetBerfore를 사용하여 요소를 생성한다.
let dateResponse = document.getElementById("addDateResponse");//기준이 되는 요소 가져오기
let wpl = document.getElementById("wrapperPlannerList");//부모요소 가져오기
let todolist = document.createElement("div");//새로 생성할 요소
todolist.id='f'+res.msg.tlIdx;
todolist.className = "wrapper__date__box";
wpl.insertBefore(todolist,dateResponse);
JavaScript
복사