<aside> 💡

DOM(Doucment Object Model)은 HTML과 Javascript의 중간 다리 역할

</aside>

Document 타입

<aside> 🚀

HTML에 전반적인(글로벌)로 접근해주는 역할

</aside>

  1. 주요 함수
    1. creatElement(태그이름) : 태그를 만드는 함수
  2. 주요 속성
    1. body: 바디 태그

Element 타입

<aside> 🚀

HTML에서 태그를 나타내는 타입

</aside>

  1. 주요 함수

  2. 주요 속성

    1. 컨텐츠 삽입
    element.innerText = "<button>메론빵</button>"
    element.innerHTML = "<button>메론빵</button>"
    

    b. 스타일링

    element.style.color = "red"
    element.style.cssText = "color:red;"