에듀테크 프로젝트 대시보드
DOM 조작하기
이번엔 요소를 새로 만들고, 추가하고, 지우는 방법입니다. 버튼을 눌러 할 일 목록에 항목을 추가/삭제해보세요.
createElement → 내용/속성 채우기 → appendChild 로 붙이기element.remove() 한 줄이면 그 요소가 화면에서 사라져요 (예전엔 부모에서 removeChild 를 써야 했어요)textContent 는 안전하게 '글자만' 넣고, innerHTML 은 태그까지 해석해서 넣어요 (사용자 입력을 그대로 innerHTML에 넣으면 위험할 수 있어요)