728x90
들어가기에 앞서 브라우저 콘솔 창에 document를 입력해보자.
이처럼 document는 이미 브라우저에 존재하는 object이며, 우리가 접근할 수 있는 HTML을 가리킨다.
한 가지 예로 아래와 같은 HTML을 예시로 작성해 보았다.
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Luka</title>
<style>
</style>
</head>
<body>
</body>
</html>브라우저로 실행시킨 후 콘솔 창에 아래와 같은 코드를 입력시켜준다.
console.dir(document);
title 란에 'Luka'라고 입력되어 있다. 쉽게 말해 콘솔 창에 아래와 같이 입력하면 이 같은 결과를 얻을 수 있다.
이처럼 Javascript 에서는 HTML에 접근하고 읽을 수 있게 설정이 되어있다.
또한 HTML을 변경도 가능하다.
위처럼 title이 'Luca'로 변한것을 확인할 수 있다.
728x90
'Front-end School > JS' 카테고리의 다른 글
| [Javascript] - promise 메서드 then, catch, finally (1) | 2022.02.25 |
|---|---|
| [Javascript] DOM 기초 - HTML in Javascript (0) | 2022.02.18 |
| [Javascript] 로컬스토리지(Local Storage) 사용하기 (0) | 2022.02.14 |
| [Javascript] - promise 함수 (0) | 2022.02.04 |
| [Javascript] 콜백함수(Callback Function)란? (1) | 2022.02.03 |
