[JAVASCRIPT] 자바스크립트 작성

Script 작성

내부 스크립트 작성

1. head 태그 안
2. body 종료 태그 안

 

외부 스크립트 작성

1. js파일을 외부에서 가져와서 사용 (src에 경로 작성)

<script src="경로">
	console.log("안녕");
</script>

---

자바스크립트 자료형

값(literal)에 의해서 변수의 자료형이 결정.
값 대입 전 변수의 타입은 'undefined'

 

1. String
2. number
3. boolean
4. object(배열)
5. function
6. undefined(값없음)

 

---

자바스크립트 선언방법

var a;
console.log(a, type of a) // 값대입 전 undefined

a = "안녕"; //string값 대입
a = 1; //number값 대입

---

Access Dom

DOM
Document Object Model(문서 객체 모델)
html의 모든 태그를 js객체로 등록
document 객체를 통해 접근 가능

 

Document 접근 메소드(대소문자 구별)

1. id 참조 : getElementById(id명)
2. name 참조 : getElementsByTagName(name명)
3. class 참조 : getElementsByClassname(class명)

 

Css 선택자를 이용한 Dom접근

  - name, id, class를 제한 하지않음

 

1. 첫번째 요소 반환 : querySelector(css selector)
2. 해당하는 태그 전부 반환 : querySelectorAll(css selector)