JavaScript 자바스크립트로 HTML 생성하는 법

1. 자바스크립트로 HTML 생성하는 법 1

<div id="test">
  
</div>

<script>
  var a = document.createElement('p');
  a.innerHTML = '안녕';
  document.querySelector('#test').appendChild(a);
</script>

• document.createElement() 쓰면 HTML 자료를 하나 생성해줌
• appendChild() 써서 넣으면 html이 생성됨

---

2. 자바스크립트로 HTML 생성하는 법 2

<div id="test">
  
</div>
<script>
  var a = '<p>안녕</p>';
  document.querySelector('#test').insertAdjacentHTML('beforeend', a);
</script>

• 문자자료로 html을 만든 다음
• insertAdjacentHTML() 안에 넣으면 됨
• 'beforeend' 이건 안쪽 맨 밑에 추가하라는 뜻