쏘 개발로그

  • 홈
  • 태그
  • 방명록

getElementById 1

[JavaScript] 문서 객체 선택

JS로 웹 페이지를 다루다 보면 '이 버튼을 눌렀을 때 뭔가를 하고 싶은데, 이 버튼을 코드에서는 어떻게 가져오지?' 같은 질문을 던지게 된다.그리고, 이 질문에 대한 답이 바로 문서 객체 선택(DOM selection)이다. JS는 단독으로 화면을 바꾸진 못하고, HTML 문서를 객체로 변환한 구조(DOM)를 통해서만 요소를 선택하고, 수정하고, 이벤트를 연결할 수 있다.즉, 문서 객체를 선택한다는 건 화면에 있는 요소를 JS 세계(?)로 가져오는 것이라 볼 수 있다. 1. DOM이란브라우저는 HTML을 파싱한 후, 이를 트리 구조의 객체로 변환한다.그리고, 이 구조를 DOM(Document Object Model)이라 부르는 것이다.(DOM은 추후 포스팅에서 더 자세히 다루도록 하고, 오늘은 여..

👩🏻‍💻 Frontend/📌 JavaScript 2026.02.04
이전
1
다음
더보기
반응형
프로필사진

쏘 개발로그

공부한 내용 중에서 잘못된 개념이 있다면, 댓글로 피드백 해주시면 감사하겠습니다. 🙇🏻‍♀️

  • 분류 전체보기
    • 👩🏻‍💻 Frontend
      • 📌 JavaScript
      • 📌 TypeScript
      • 📌 Web
      • 📌 React
    • 📌 Node
    • 📌 CS
    • 👩🏻‍💻 프로젝트
      • 📌 독서 관리 어플
      • 📌 일본어 단어 퀴즈
    • 👩🏻‍💻 코딩테스트
      • 📌 JavaScript
    • 👩🏻‍💻 학교
      • 📌 컴퓨터통신
    • 👩🏻‍💻 이것저것
      • 📌 인턴

Tag

React Native, 자바스크립트, HTML5, 풀스택 인턴, 공부기록, JavaScript, 코테, HTML, 프로그래머스, CSS, 리액트 네이티브, 프론트 인턴, 기술블로그, REACT, 컴퓨터 네트워크, js, 개발자, 백엔드 인턴, 컴퓨터 통신, 개발자 인턴,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2026/06   »
일 월 화 수 목 금 토
1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30

방문자수Total

  • Today :
  • Yesterday :

Copyright © AXZ Corp. All rights reserved.

    티스토리툴바