JavaScript
DOM 알아보기
수연 (Suyeon)
2022. 2. 6. 22:23
반응형
출처 : Do it! 자바스크립트 입문편
DOM 트리가 만들어지는 과정 실시간으로 확인
https://software.hixie.ch/utilities/js/live-dom-viewer/
<!DOCTYPE html>
<!--Markup test 창에 작성하기-->
<html>
<head>
<title>DOM Tree 알아보기</title>
</head>
<body>
<h1>Study</h1>
<p>DOM 공부하기</p>
</body>
</html>1. Markup test (웹 문서를 작성할 창)
2. DOM view (DOM 트리를 보여주는 창)
3. Rendered view (결과 화면을 보여주는 창)
728x90