Javascript 요소 추가 및 삭제

// 특정 요소를 선택합니다 (여기서는 'targetElement'라는 클래스를 가진 요소)
const targetElement = document.querySelector('.targetElement');

// 새로운 div 요소를 만듭니다
const newDiv = document.createElement('div');

// 새로운 div에 내용을 추가합니다
newDiv.textContent = '새로 추가된 div 요소입니다.';

// targetElement 안에 div 요소를 추가합니다 (첫 번째 자식 앞에 추가)
targetElement.insertAdjacentElement('afterbegin', newDiv);

// targetElement 안에 div 요소를 추가합니다 (마지막 자식 뒤에 추가)
targetElement.insertAdjacentElement('beforeend', newDiv);

// targetElement 앞에 div 요소를 추가합니다
targetElement.insertAdjacentElement('beforebegin', newDiv);

// targetElement 뒤에 div 요소를 추가합니다
targetElement.insertAdjacentElement('afterend', newDiv);

// 특정 요소를 삭제합니다
targetElement.remove();