document

1. 특정 HTML요소를 객체형태로 가져오기

• document 객체는 HTML 문서를 제어하기 위하여 특정 HTML태그 요소(Element)를
  id 값에 의하여 객체 형태로 가져오는 기능을 제공

<script>
  let some = document.getElementById("ID속성값");
</script>

2. HTML요소의 내용 제어

• 객체회된 HTML요소의 innerHTML 속성을 사용하면 해당 태그에 속해있는 내용을 새롭게 설정하거나, 현재의 내용을 읽어올 수 있다.

<script>
  some.innerHTML = "<h1> Hi </h1>"
</script>

3. Element 객체의 style 하위 객체

• style 객체는 css 속성에 대응되는 변수들을 내장하고 있으며,
  이 변수에 특정 값을 대입하는 것으로 javascript를 통한 특정 요소의 css 제어가 가능해진다.

<script>
  let someEle = document.getElementByIf("id값")
	someEle.style.CSS대응속성 = "CSS적용값";
</script>