Language/Javascript

DOM

kimjingyu 2023. 3. 20. 00:55
728x90

DOM 이란?

  • Document Object Model 의 줄임말
  • 브라우저가 HTML 문서를 parsing 하는 과정에서 생겨나는 객체
  • 웹 브라우저가 정적인 웹 페이지를 변경하거나 조작하기 위해 HTML 파일을 자바스크립트 객체로 만들어주는 것
  • DOM은 <HTML></HTML>을 자바스크립트 객체로 만든 것이다.
  • 자바스크립트로 HTML을 수정, 변경하거나 HTML에 작성된 내용을 자바스크립트 변수에 담아서 사용하는 등에 사용된다.

DOM 동작 방식
DOM 트리 구조

  • 사용방법
    • document
      •  .getElementById("tagID")
        • .InnerText
        • .value
        • .style
        • .TextContent
    • HTML 파일로 가서
      • ."tagID"라는 id를 가진 태그를 선택해서
        • .제어한다.
728x90
저작자표시 비영리 변경금지