Document Object Model1 Vanilla JS - DOM(Document Object Model)(2) 1. DOM을 이용해 HTML 바꿔보기 - DOM의 의미는 HTML(= Document)을 객체화(Object)하여 사용하는 것을 의미한다. - 저번 포스팅에서 배운 getElementById를 사용해서 HTML의 특정 엘리먼트 요소를 객체화하여 내용을 바꿔보자. [기본 HTML] This works! [출력화면] 위의 기본 HTML을 기반으로, h1태그를 객체로 만들어서 내용과 글씨색을 바꿔보도록 하자. [JavaScript 소스코드] const title = document.getElementById("title"); title.innerHTML = "This is JAVASCRIPT!!!! "; [출력화면] - 위와 같이 HTML을 수정할 수 있는 이유는 title이 JS로 인해 객체화 되었기 때문.. 2020. 10. 6. 이전 1 다음
