DOM 조작 복습

devfish·2023년 1월 6일
0

Javascript

목록 보기
15/30

Continued Relevance

kakao, naver같은 경우 DOM 아직도 사용 (Legacy code)

자손으로 추가

document.getElementById('world').appendChild(aElement)

제거 방법

  • aElement.remove()
  • document.querySelector("#world").removeChild(aElement)
  • document.querySelector("#world").remove(),
    document.querySelector("#world").remove(aElement)
    이 두 메서드는 world 엘리먼트 전부를 지우게 됨

버튼클릭시 이벤트

function displayAlert() {
  alert('코드스테이츠에 오신 것을 환영합니다')
}
document.querySelector('#apply').onclick = displayAlert;
document.querySelector('#apply').addEventListener('click', function(){
   alert("코드스테이츠에 오신 것을 환영합니다")
})
profile
la, di, lah

0개의 댓글