자바스크립트로 HTML 코드 작성하는 방법

동적으로 바꾸고 싶을 때, 자바스크립트를 사용할 수 있다.

 

그럴 경우,

 

let htmlStr = "";

 

let htmlStr = '';

htmlStr += `
                     
                        <ol>
                          <li>테마</li>
                          <li>이름</li>
                          <li>평점</li>
                          <li>썸네일</li>
                          <li>제목(title)</li>
                          <li>주인공이름</li> 
                        </ol>
                        
                        <br />
                        ....
                        `;
                        
var list = document.getElementById("list");
list.innerHTML = htmlStr;

이런식으로 div부터 문자열로 만든 뒤, HTML의 div에 한번에 넣을 수도 있다.

 

    <div id="list"></div>

 

에, 삽입된다.

 

또는, HTML에서 구조를 먼저 레이아웃을 만든 뒤, id를 일일히 불러 삽입할 수 있다.

 

 

 

 

 

 

 

https://coupa.ng/b3PHrb

Dell Dell U2720QM 27 Inch UltraSharp 4K UHD IPS Ultra-Thin Bezel Moni

"이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다."

 

 

https://www.10000duck.com/ducks/45

10000duck - MBN 연약하지만 단단한 우리 가족