JavaScript - 지역변수/전역변수, DOM

변수의 범위

자바스크립트에서는 객체, 함수가 모두 변수에 담길 수 있다.

변수의 범위는 해당 변수에 접근할 수 있는 영역

​

1. 지역변수

함수 내부에서 선언된 변수

{} 영역 내에서 선언된 변수

​

지역 변수는 변수가 선언된 영역 내에서만 유효하고 그 영역을 벗어나면

메모리에서 사라진다(삭제된다).

​

2. 전역변수

함수 외부에서 선언된 변수

전역 변수는 프로그램의 어느 영역에서나 접근할 수 있으며 웹 페이지가 닫혀야만

메모리에서 사라진다.

​

1. Practice

​

2. Practice

---

문서 객체 모델(DOM : Document Object Model)

XML 이나 HTML 문서에 접근하기 위한 일종의 인터페이스

문서 내의 모든 요소를 정의하고 각 요소에 접근하는 방법들을 제공해준다.

​

document 객체

웹 페이지 자체를 의미하는 객체

웹 페이지에 존재하는 html 요소에 접글할 때 반드시 반드시 document 객체로부터 시작

​

1. document.getElementById()

()안의 아이디를 가지고 있는 요소를 선택해서 가져옴

​

ex)

<div id="banner"></div>

document.getElementById("banner")

---------------------------------------------------

2. document.getElementsByClassName()

()안의 클래스를 가지고 있는 요소를 모두 선택한 후 배열로 가지고 옴

​

ex)

<div class="menu_item"></div>

document.getElementsByClassName("menu_item")

---------------------------------------------------

3. document.querySelector()

()안의 CSS 선택자로 선택되는 요소를 선택해서 가져옴

​

ex)

<div class="menu_item>

<a>

<img/>

</a>

<div>

​

document.querySelector(".menu_item > a > img")

​

4. document.querySelecterAll()

()안의 CSS 선택자로 선택되는 요소들을 모두 선택 후 배열로 가져옴

​

5. document.getElementsByTagName()

()안의 태그들을 모두 선택 후 배열로 가져옴

​

1. Practice

​

2. Practice

​