DOM 요소 다루기

문제 출처 : 엘리스 SW 엔지니어 트랙 2기

							⬇️	⬇️	⬇️	⬇️	⬇️	⬇️	⬇️	⬇️

li 태그 생성

1. 'Home'이라고 적힌 <li> 태그를 생성

let li = document.createElement("li")

insertBefore() - 1

2. insertBefore()를 사용해서 menu의 <li> 태그 앞에 'Home'을 삽입하세요.

• insertBefore() 메소드는 참조된 노드 앞에 특정 부모 노드의 자식 노드를 삽입합니다.

li.textContent = "Home"
let menu = document.getElementById("menu");

menu.insertBefore(li, menu.firstElementChild)

insertBefore() - 2

3. insertBefore()를 사용해서 calender의 첫 번째 child로 예약 알람 문구를 삽입하세요.

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

let msg = document.createElement('div')
msg.innerHTML = "<strong>안녕하세요!</strong> 예약하신 날짜입니다."
calender.insertBefore(msg, calender.firstElementChild)

removeChild() 태그 삭제

4. removeChild()를사용해서 'Contact'라고 적힌 <li> 태그를 삭제하세요.

menu.removeChild(menu.lastElementChild)