[JavaScript] 자바스크립트로 html 생성하기

insertAdjacentHTML : 앞에 요소에 문자형 HTML 추가해주는 함수,

insertAdjacentHTML(추가할 위치, 추가할 문자)

var 테스트 = '<p>안녕</p>';
document.querySelector('#test').insertAdjacentHTML('beforeend',테스트);

//jQuery 
$('#test').append(테스트);

 

 

 

 

 

 

Q. 추가말고 아예 바꾸고 싶으면? innerHTML

document.querySelector('#test').innerHTML="하요";

//jQuery
$('#test').html('하요');