[자바스크립트 js] 요소 노드 삭제 .remove / 요소 노드 이동 prepend, append, before, after

const tooktak = document.querySelector('#금나와라뚝딱');

const tooook = document.querySelector('#도깨비방망이');

 

  노드 삭제 : Node.remove();

tooktak.remove();
tooktak.childern[1].remove(); //2번째 요소 삭제

 

 

  노드 이동 : prepend, append, before, after

tooktak.append(tooook.children[1]);
tooook.children[1].after(tooktak.children[1]); // 아래 코드랑 결과 같음
tooook.children[2].before(tooktak.children[1]);  //위 코드랑 결과 같음
tooook.lastElementChild.before(tooktak.children[1]);