JavaScript innerHTML

 

(1) 텍스트 내용 변경

HTML

    <div class="test">테스트용 텍스트</div>

 

JavaScript

const test = document.querySelector(".test");

test.innerHTML = "innerHTML로 변경한 텍스트";

 

ON BROWSER(스크립트 적용 전)

 

ON BROWSER(스크립트 적용 후)

 

 

 

(2) 태그 추가

Java Script

const test = document.querySelector(".test");

test.innerHTML =

  "<ul><li>테스트 리스트1</li><li>테스트 리스트2</li><li>테스트 리스트3</li></ul>";

 

ON BROWSER