자바스크립트로 html 코드 생성하기

//비전공자가 혼자 공부하는 공간입니다

 

코딩애플 강의 내용 기록하기 

 

✅ 자바스크립트로 html 생성

 

 1️⃣

const 변수이름 = document.createElement('p');
변수이름.innerHTML = '안녕하세요';
document.body.appendChild(변수이름);

 

 2️⃣

let 변수이름 = '<p>안녕하세요</p>';
document.body.insertAdjacentHTML('beforeend', 변수이름);

-beforeend = 맨 아래쪽 ( 추가 할 위치)

-insertAdjacentHTML = html 추가 (추가가 아니라 수정하고 싶으면 innerHTML 사용)

-p태그에 class 도 추가할 수 있음  

 

 

[제이쿼리로 추가하는 법]

$('#ptag').append(변수이름);

 

 

 

 

//비전공자가 혼자 공부하는 공간입니다