[JavaScript] JavaScript 기초

undefined : 변수를 선언하고 아직 값을 할당하지 않은 상태

null : 변수를 선언하고 빈 값을 할당한 상태

 

비교 연산자

== : 할당된 값이 같은지 비교

=== : 자료형까지 고려하여 비교

 

document.getElementById(‘id 값’)

id를 이용한 요소 노드 취득

 

document.getElementsByTagName(‘태그 이름’)

인수에 들어있는 태그 이름을 갖는 모든 요소 노드들을 탐색하여 반환 → HTMlCollection 객체 반환

[#] 인덱스로 접근

 

document.getElementsByClassName(‘class 이름’)

인수로 전달한 클래스 값을 갖는 모든 요소 노드들을 탐색하여 반환 → HTMlCollection 객체 반환

[#] 인덱스로 접근

 

document.querySelector('css선택자')

인수에 들어있는 css선택자를 만족하는 하나의 요소를 탐색하여 반환 (여러 개면 첫 번째 값)

 

document.querySelectorAll('css선택자')

인수에 들어있는 css선택자를 만족하는 모든 요소 노드들을 탐색하여 반환 → HTMlCollection 객체 반환

[#] 인덱스로 접근 

 

Element.classList.add('class 이름')

인수로 전달한 클래스 값 추가

 

Element.classList.remove('class 이름')

인수로 전달한 클래스 제거

 

Element.classList.toggle('class 이름')

인수로 전달한 클래스가 존재하면 클래스를 제거하고, 클래스가 존재하지 않는다면 클래스를 추가