Javascript:선택자

틀:Javascript

1. Javascript:개요
2. Javascript:변수, 상수
   1. Javascript:자료구조
3. Javascript:연산자
4. 분기문
   1. Javascript:조건문
   2. Javascript:반복문
5. Javascript:선택자
   1. Javascript:요소 내용 변경
   2. Javascript:HTML로부터 데이터 받기
6. Javascript:이벤트
   1. Javascript:클릭 이벤트
7. Javascript:AJAX
   1. AJAX 활용
      1. Javascript:댓글달기
      2. Javascript:무한 스크롤링
8. Javascript:활용
   1. Javascript:표 정렬

개요

html 문서에서 어디에 지정할 것인가.

의도	설명	방법
지정	선택자는 CSS와 같은 형태이다. 자바스크립트를 불러온 이후의 것들만 지정할 수 있다. 그럼 html이 로딩되기 전에 js가 다 불러와져야 하는데, js 안에, window.addEventListener('DOMContentLoaded', function()) 를 넣어준다. (다 불러왔다는 이벤트가 발생하면 실행한다는 의미.)	window.addEventListener('DOMContentLoaded', function(){ const 변수 = document.querySelector('.클래스명'); console.log(변수); })