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>