DOM2 26. DOM을 이용하여 HTML Elements를 조작해보기 안녕하세요. 박기린입니다. 저번 글에서 DOM에 대해 설명을 드렸습니다. (DOM 설명글: https://arnopark.tistory.com/504) 이번에는 DOM을 JS를 이용해서 접근하는 방법에 대해 알아보겠습니다. HTML Elements를 선택하고 조작하기 직관적인 설명을 드리기 위해 제 블로그 사이트를 이용해보겠습니다. 구글 크롬의 개발자모드(F12)에 들어가면 이런 창이 뜹니다. PC화면 기준으로, 글의 제목 바로 위를 보면 '글의 카테고리'가 적혀있습니다. class는 category로 되어있습니다. JS로 DOM (HTML Elemnts)에 접근하기 위해선 'document' object(객체)를 사용해야 합니다. document객체는 따로 JS 모듈을 설치할 필요가 없습니다. 그런데 .. 2022. 10. 23. 25. DOM (문서 객체 모델, Document Object Model) 안녕하세요. 박기린입니다. HTML과 JS는 서로 밀접한 관계를 맺고 있습니다. 웹 프로그래밍 - 웹사이트를 제작함에 있어서 특히 그러한데요, 이때 중요하게 사용되는 개념 중 하나로 'DOM'이 있습니다. 지금부터 DOM에 대해 알아보겠습니다. DOM DOM은 Document Object Model (문서 객체 모델)의 줄임말입니다. DOM은 HTML, XML document의 구조화된 표현(structured representation)을 제공하며, 프로그래밍 언어(JS 등등)가 DOM 구조에 접근할 수 있게 해줍니다. 이때, document는 웹페이지라고 보셔도 됩니다. 웹페이지가 html로 작성된 문서의 일종입니다. 태그 단위, 태그 단위 등등 의 태그들을 객체(object)로 묶은 후, 자바스크립.. 2022. 10. 21. 이전 1 다음
