document.innerHTML
document.querySelector
document.importNode
document.cloneNode
document.createElement
document.querySelectorAll
let aElement=document.createElement('a')
aelement.setAttribute('id','javascript')
aElement.textContent='awesome' //태그안에 들어가는 문자 숫자
aElement.id='javascript'
aElement.innerHTML='awesome' //html의 태그도 쓸 수 있다. 단계를 더 거쳐서 느리고 해줘야할 일이 늠, +=이 안됨. innerHTML을 사용한 프로그램은 해킹의 우려가 있음?/보안과 효율의 문제가 있음. 잘 사용하지 않음
document.getElementById
.appendChild
document.querySelector()에서 id를 찾을땐 # class를 찾을떈 . 을 붙여주는걸 잊지말자
aElement.remove()
document.querySelector('#world').removeChild(aElement) world id 안의 aElement를 삭제하는 방법 두가지
function displayAlert() {
alert('코드스테이츠에 오신 것을 환영합니다')
}
document.querySelector('#apply').onclick = displayAlert //displayAlert()는 결과를 바로 띄워버림. 우리가 필요한건 함수 자체를 지정시키는 것
element.addEventListener('click',)
online event 은 속성을 할당하기 때문에 마지막에 지정된 값만 실행 //옛날에 쓰던거임.
event listener 은 이벤트를 추가해주기 때문에 차례대로 여러번 실행 => 더 많이 사용
