javascript로 만든 jquery empty

let main = document.getElementById("main");

 //jquery의 div.empty() 와 같은 기능
var tmp = Array.from(main.children);
tmp.forEach(e => {
    e.remove();
});

main은 div를 id 로 가져왔다.

어느것으로 가져오든 상관없으며 .children 을 사용하면 collection 형태로 가져오는 것 때문에 Array.from 을 사용하였다.

바로 배열 형태로 가져온다면 Array.from 으로 변환하지 않고 바로 foreach 사용하면 될 듯 하다.

​

​

자바스크립트로 만든 함수로 따로 분리

//jquery의 empty 기능 구현
function j_empty($parameters){
  let parameters = $parameters.children;

  var tmp = Array.from(parameters);
  tmp.forEach(e => {
    e.remove();
  });
}

사용 할 땐

j_empty(태그만유지할 요소)

정도로 사용하면 된다