jingyulog

DOM 본문

Language/Javascript

DOM

jingyulog 2023. 3. 20. 00:55

DOM 이란?

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

DOM 동작 방식
DOM 트리 구조

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

'Language > Javascript' 카테고리의 다른 글

구조분해할당  (0) 2023.03.21
함수, 변수의 호이스팅 ( Hoisting )  (0) 2023.03.20
falsy 한 데이터  (0) 2023.03.19
반복문  (0) 2023.03.17
비교연산자  (0) 2023.03.17
'Language/Javascript' Related Articles more