document.getElementById('hello').innerHtml = '안녕';
- getElementById() : 셀렉터
- .innerHtml : 메소드
addEventListener('event', function(){})
- function(){} : 콜백함수
- event 목록
-
input / change 차이점
input 👉 값이 변경될 때마다 실행 , 타이핑 하는 도중에도
change 👉
input에서는 값이 변경되고 입력란 바깥을 클릭했을 때 실행,
select에서는 값이 변경될 때 실행
-
- = 제이쿼리의 on
getElementsByClassName('')[i]
- ClassName이 한개여도 index 필수
querySelector('.class명 || #id명') 가장 상위 한개만 찾음
querySelectorAll('')[i] 모든 요소 찾음 👉 index 사용
