DOM 기초 Check Point

• ID = javascript, 내용 = Hello World인 P태그를 생성하는 적절한 방법

// 가장 권장하는 방법
let aElement = document.createElement('p')
aElement.setAttribute('id', 'javascript')
aElement.textContent = 'Hello World'

// innerHTML을 이용한 방법
let aElement = document.createElement('p')
aElement.id = 'javascript'
aElement.innerHTML = 'Hello World'
//innerHTML을 사용하면 강제로 해커가 원하는 스크립트를 실행시키는 XSS Attack을 당할 수 있기 때문...

• HTML에서 삽입한 aElement를 삭제하는 방법

aElement.remove() // 또는
document.querySelector("부모엘리먼트").removeChild(aElement)

• onclick을 사용할 때 주의해야 할 점

document.querySelector('#apply').onclick = displayAlert // 함수를 그대로 써줘야 한다. ()붙이면 안 됨