DOM 메소드
- document.querySelecotr(x) : css 선택자 x를 기반으로 첫번째 요소를 선택한다.
- document.querySelecotrAll(x) : css 선택자 x를 기반으로 여러 요소를 선택한다.
- document.getElementById(x) : id속성의 값을 기반으로 요소를 선택한다.
- document.getElementByClassName(x) : class 속성의 값을 기반으로 여러 요소를 선택한다.
- document.write(x) : 문서에 콘텐츠 x를 추가 입력한다.
위는 선택자에 접근하는 명령문이다.
- X.textContent : 요소가 가진 텍스트 콘텐츠를 반환한다.
- X.innerHTML : 요소 내에 쓰여진 HTML 코드를 텍스트 형태로 반환한다.
- X.className : 요소가 class 속성값을 반환한다.
- X.style : 요소의 style 관련 속성값들을 반환한다.
- X.title : 요소의 title 속성값을 반환한다.
위는 X라는 변수명 안에 있는 html 요소에 접근하는 명령문이다.
비교연산자
자바스크립트는 주어진 2개의 항을 비교할 수 있는 '비교 연산자'를 제공한다.
- 대소 비교
- 등가 비교(Boolean을 통해 같은지 다른지를 참과 거짓으로 비교한다.)
'==', '!='과 '===', '!=='는 차이가 있다.
예를 들어
console.log('1' == 1) // true
console.log('1' === 1) // false'==' 부호는 추상적인 비교로써 자료형이 다르더라도 같다고 판단 할 수 있다.
'==='는 엄격한 비교로써 자료형과 데이터가 모두 일치해야만 같다고 판단한다.
조건문(if문)
조건문이란 조건의 참/거짓 여부에 따라 프로그램의 흐름을 결정할 수 있는 구문을 뜻한다.
여기서 조건이란 boolean 데이터를 반환하거나 해석할 수 있는 표현식을 의미한다.
let age = 19;
if (age >= 20) {
console.log(`성인입니다.`)
} else if (age < 20 ){
console.log(`미성년자입니다.`)
}- age는 19.
- if문의 조건은 age가 20 이상일 경우, 20 미만일 경우 2가지이다.
- age는 19이므로 20미만이다. 따라서 두번째 조건인 ' console.log(
미성년자입니다.)'가 호출된다.
hyohyo